@extends('AdminLte.template')

<!--Title-->
@section('title')
@php
$transactionTitle = 'Request For Quotation';
@endphp
{{ $transactionTitle }}
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    * {
        font-weight: bold;
    }

    .input {
        border: none;
        border-bottom: 1px solid #aaa;
    }

    *:focus {
        outline: none;
    }

    .div {
        background: #fff;
        font-size: 12px;
    }

    ul,
    li {
        font-size: 12px;
    }

    .customBg {
        background-color: #e892aa;
    }

    .dropdownStyle {
        height: 22px;
    }

    .closeBtn {
        background-color: #ff9966;
        color: white;
    }

    .deniedorcancel {
        background-color: #fdcece;
        color: white;
    }
</style>
@endsection
<!--External CSS Close-->

@section('Content')

<!-- Your Page Content Here -->
<div class="container-fluid div">
    {{ Form::open(['action' => 'StorePoController@rfqCreate', 'autocomplete' => 'off', 'id' => 'purchaseForm', 'name' => 'purchaseForm']) }}

    <div class="row">
        <div class="col-md-2 txtCenter">
            <br />
        </div>
        <div class="col-md-7">
            <div class="col-md-offset-1">
                <h3 class="txtCenter" id="transactionTitle">
                    {{ $transactionTitle }}
                </h3>
            </div>
        </div>

    </div>

    
    @php
    $supplierId = '';
    $supplierName = '';
    $poDate = date('Y-m-d');
    $readOnlyClass = '';
    $readOnly = '';
    @endphp
    <input type="hidden" id="trnId" name="transactionId" value="{{ $trnId }}" />
    <input type="hidden" id="trnType" name="transactionType" value="{{ $trnType }}" />
    <input type="hidden" id="poEntityCode" name="poEntityCode" value="{{ $poEntityCode }}" />
    <input type="hidden" id="poCategory" name="poCategory" value="{{ $poCategory }}" />
    <input type="hidden" id="purchase_order_type" name="purchase_order_type" value="{{ $purchase_order_type }}" />
    <input type="hidden" name="storeCode" id="storeCode" value="{{ $storeCode }}">
    <input type="hidden" id="supplierId" name="supplierId" value="{{ $supplierId }}" required />

    <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
            <div class="col-md-3 ">
                Store : <span class="fontsize10 required">&#10033;</span> <input type="text" size="16"
                    name="storeName" id="storeName" value="" class="input" required>
                
            </div>
            <div class="col-md-4">
                Supplier Name : <span class="fontsize10 required">&#10033;</span>
                <input type="text" name="supplierName" size="18" value="{{ $supplierName }}"
                    id="supplierName" class="input {{ $readOnlyClass }}"  required>
            </div>
            <div class="col-md-2 ">
                    PO No :
                        <input type="text" tabindex="-1" size="7" name="poNumber" value=""
                            id="poNumber" class="input readOnlyBackground" disabled>
                </div>
            <div class="col-md-3 txtRight">
                RFQ Date : <span class="fontsize10 required">&#10033;</span>
                <input type="date" id="purchaseTranDate" name="purchaseTranDate" value="{{ $poDate }}"
                    class="input {{ $readOnlyClass }}" >
            </div>
        </div>
    </div>

    <div class="row border" style="margin-top:10px;">
        <div class="col-md-12" style="margin-top: 10px; margin-bottom:10px">
            <div class="col-md-11" style="margin-left:-2%">
                <input type="hidden" name="productSrNo" id="productSrNo">
                <input type="hidden" name="productId" id="productId">
                <label class="txtLeft"> <span class="required">*</span> Item Name : </label>
                <input type="text" name="productName" id="productName" class="input txtUpperCase" size="25">&emsp;
                <label class="txtLeft"> <span class="required">*</span> Generic Name : </label>
                <input type="text" name="genericName" id="genericName" class="input txtUpperCase" size="25">&emsp;
               
                <label class="txtLeft"> <span class="required">*</span> Qty : </label>
                <input type="text" name="itemQty" id="itemQty" class="input txtUpperCase" size="5">&emsp;
                <label class="txtLeft"> <span class="required">*</span> Delivery Date : </label>
                <input type="date" name="deliveryDate" id="deliveryDate" class="input txtUpperCase">
            </div>

            <div class="col-md-1">
                <button type="submit" name="rfqSubmitItem" accesskey="s" tabindex="-1" value="submit"
                    id="rfqSubmitItem" style="width: 120%;" class="btn btn-xs btn-primary"> <span
                        class="glyphicon glyphicon-ok"></span> <u>S</u>ubmit</button>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="table-responsive">
            <div class="col-md-12" style="overflow: hidden; overflow-y: scroll; height:230px; border:1px solid #aaa;">
                <table class="table borderNone commonFontSize" id="finaltable">
                    <thead>
                        <tr>
                            <th class="th warning borderTopBottom alignTop"><input class="finalCkbAll"
                                    type="checkbox" tabindex="-1"></th>
                            <th class="th warning borderTopBottom alignTop">Item Name</th>
                            <th class="th warning borderTopBottom alignTop">Generic Name</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Qty</th>
                            <th class="th warning borderTopBottom alignTop txtRight">Delivery Date</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <br />

        <div class="col-md-9">
            <div class="col-md-6">
                <button type="button" name="btnDelete" tabindex="-1" accesskey="d" id="btnDelete"
                    class="btn btn-xs btn-danger" /> <b> - <u>D</u>elete</b></button>
                &emsp;
            </div>
            <br /><br />
            @php
                if (session()->get('messageType') == 'success') {
                    $class = 'alert-success';
                } elseif (session()->get('messageType') == 'error') {
                    $class = 'alert-danger';
                }
            @endphp

            @if (session()->has('message'))
                <div id="transactionMessage"
                    class="alert {{ $class }} alert-dismissible fade in col-sm-12">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <span class="fontsize16">{{ 'RFQ (#' . session()->get('trnType') . session()->get('trnId') . ')' }}</span>
                    {{ session()->get('message') }}
                </div>
            @endif
        </div>
        <br /><br />
        <div class="col-md-7 col-md-offset-5">
            <button type="submit" tabindex="-1" name="btnSave" value="save" id="btnSave"
                class="btn btn-xs btn-success"> Save</button>
            <button type="submit" tabindex="-1" name="btnSubmit" value="submit" id="btnSubmit"
                class="btn btn-xs btn-primary"> Submit</button>
            <button type="button" tabindex="-1" name="btnCancel" value="cancel" id="btnCancle"
                class="btn btn-xs btn-danger" title="This will terminate the RFQ"> Cancel RFQ</button>
        </div>
        {{ Form::close() }}

    </div>
    <br /><br />
</div>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')
@include('Components/Bootstrap Modals/product_all_purchase_bill_details_modal')
@include('Components/Bootstrap Modals/product_all_stock_modal')
@include('Components/Bootstrap Modals/supplier_modal')
@include('Components/Bootstrap Modals/product_modal')
@include('Components/Bootstrap Modals/category_modal')
@include('Components/Bootstrap Modals/drug_modal')
@include('Components/Bootstrap Modals/manufacture_modal')
@include('Components/Bootstrap Modals/unit_modal')
@include('Components/Bootstrap Modals/productgroup_modal')
@include('Components/Bootstrap Modals/email_modal')
@include('Components/Bootstrap Modals/sending_modal')
@include('Components/Bootstrap Modals/tamplate_create_terms_condition')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset('/bower/ckeditor/ckeditor.js') }}"></script>
<script src="{{ asset("/js/request_for_quotation.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->