@section('extraCss')
<style>
    .select2-dropdown, .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
</style>
<style>
    .pos-sale-orderCombinations td,
    .pos-sale-orderCombinations td input{
        font-size:11px;
    }
    .selectedOrderProducts th .form-control,
    .selectedOrderProducts td .form-control {}
    .selectedOrderProducts th,
    .selectedOrderProducts td,
    .selectedOrderProducts th .form-control,
    .selectedOrderProducts td .form-control
     {
        font-size:10px;
        padding:5px;
    }
</style>
@endsection
@include("backend.pos-sales-order.search-products")
<div class="alert alert-info processingOrder" style="display: none;">Saving order please wait...</div>
<form
    method="POST"
    enctype="multipart/form-data"
    name="mainFrmSo"
    class="posSaleOrderFromMain"
    @if(isset($posSaleOrder->id))
        action="{{ route('party-sale-orders.update', ['id' => $posSaleOrder->id]) }}"
    @else
        action="{{ route('party-sale-orders.store') }}"
    @endif
    onsubmit="$('.posSaleOrderFromMain').hide(); $('.processingOrder').show()"
>
@csrf
@isset($posSaleOrder->id)
	{{ method_field('PUT') }}
@endisset
<div class="row orderFormRow">
    <input id="saleorder" value="1" type="hidden">
    <div class="col-md-12"><h5>Basic Details</h5><hr/></div>
        {{-- CORE FIELDS --}}
        <div class="form-group col-md-3">
            <label for="manual_ref_no">Manual Ref#</label>
            <input name="manual_ref_no" id="manual_ref_no" class="form-control" placeholder="Enter Manual Ref. no." required value="{{ empty($posSaleOrder->manual_ref_no) ? 'N/A' : $posSaleOrder->manual_ref_no }}"/>
        </div>
        <div class="form-group col-md-3">
            <label for="order_date">Order Date</label>
            <input name="order_date" id="order_date" class="form-control datepicker" placeholder="Enter Order Date." required readonly style="width:100%;" value="{{ empty($posSaleOrder->shipto) ? '' : trim(str_replace("00:00:00", "", $posSaleOrder->order_date)) }}"/>
            <sub class="text-danger">Click on text box to select the date from calendar.</sub>
        </div>
        <div class="form-group col-md-3">
            <label for="from_pos">FROM WAREHOUSE</label>
            @if(!empty($posSaleOrder->from_pos))
            <input type="hidden" name="from_pos" id="from_pos" value="{{ $posSaleOrder->from_pos }}">
            <p><b>{{ $posSaleOrder->warehouse->name }} ({{ $posSaleOrder->warehouse->warehouse_code }})</b></p>
            @else
            @php
                $userWarehouses = Auth::user()->stores;
                if(!empty($userWarehouses)) {
                    $userWarehouses = json_decode($userWarehouses, true);
                } else {
                    $userWarehouses = NULL;
                }
            @endphp
                @if(empty($userWarehouses))
                <select name="from_pos" id="from_pos" class="form-control select2" data-placeholder="Select Order From" required>
                    <option value="">Select Warehouse</option>
                    @foreach($ALL_WAREHOUSES as $warehouse)
                    <option value="{{ $warehouse->id }}" {{ !empty($posSaleOrder->from_pos) && $posSaleOrder->from_pos == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                    @endforeach
                </select>
                @else
                <select name="from_pos" id="from_pos" class="form-control select2" data-placeholder="Select Order From" required>
                    <option value="">Select Warehouse</option>
                    @foreach($ALL_WAREHOUSES as $warehouse)
                        @if(in_array($warehouse->id, $userWarehouses))
                        <option value="{{ $warehouse->id }}" {{ !empty($posSaleOrder->from_pos) && $posSaleOrder->from_pos == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                        @endif
                    @endforeach
                </select>
                @endif
            @endif
        </div>
        <div class="form-group col-md-3">
            <label for="to_party">TO PARTY</label>
            @if(!empty($posSaleOrder->to_party))
            <input type="hidden" name="to_party" id="to_party" value="{{ $posSaleOrder->to_party }}">
            <p><b>{{ $posSaleOrder->party->company_name }} ({{ $posSaleOrder->party->name }})</b></p>
            @else
            <select name="to_party" id="to_party" class="form-control select2" data-placeholder="Select Order To" required>
                <option value="">Select PARTY</option>
                @foreach($parties as $party)
                <option value="{{ $party->id }}" {{ !empty($posSaleOrder->to_party) && $posSaleOrder->to_party == $party->id ? 'selected' : '' }}>{{ $party->company_name . ' ('.$party->name.')' }}</option>
                @endforeach
            </select>
            @endif
        </div>
        <div class="form-group col-md-3">
            <label for="shipto">Ship to:</label>
            <textarea name="shipto" id="shipto" class="form-control" placeholder="Enter Ship to Details." required>{{ empty($posSaleOrder->shipto) ? 'N/A' : $posSaleOrder->shipto }}</textarea>
        </div>
        <div class="form-group col-md-3">
            <label for="shipto">Shipping Company</label>
            <input name="shipping_company" id="shipping_company" class="form-control" placeholder="Enter logictic company." required value="{{ empty($posSaleOrder->shipping_company) ? 'N/A' : $posSaleOrder->shipping_company }}">
        </div>
        <div class="form-group col-md-3">
            <label for="shipto">Place of Supply</label>
            <input name="place_of_supply" id="place_of_supply" class="form-control" placeholder="Enter place to supply." required value="{{ empty($posSaleOrder->place_of_suply) ? 'N/A' : $posSaleOrder->place_of_suply }}">
        </div>
        <div class="form-group col-md-3">
            <label for="shipto">AWB No.</label>
            <input name="awb_no" id="awb_no" class="form-control" placeholder="Enter AWB No.." required value="{{ empty($posSaleOrder->awb_no) ? 'N/A' : $posSaleOrder->awb_no }}">
        </div>
        @if(!empty($posSaleOrder->outward) && $posSaleOrder->outward > 0)
            <div class="col-md-12 text-right">
                <button class="btn btn-info btn-sm" type="button" onclick="updateShippingDetails(this.form)">Update Shipping Details</button>
            </div>
        @endif
        {{-- CORE FIELDS --}}

    <div class="col-md-12">
        <h5>Order Products <button class="btn btn-secondary float-right btn-sm addPosSaleOrderProducts {{ !empty($posSaleOrder->outward) ? ' d-none ' : '' }}" type="button"><i class="fa fas fa-plus"></i> Add Products to Order</button></h5><hr/>
    </div>
    <div class="col-md-12 fixTableParent">
        {{-- PRODUCTS SELECTED --}}
        <table class="table table-striped table-bordered selectedOrderProducts fixTable">
            <thead>
                <tr>
                    <th width="8%">HSN</th>
                    <th width="14%">CODE</th>
                    <th width="8%">ARTICLE</th>
                    <th width="8%">COLOR</th>
                    <th width="8%">SIZE</th>
                    <th width="8%">BARCODE</th>
                    <th width="8%">QTY</th>
                    <th width="8%">MRP</th>
                    <th width="8%">DISCOUNT (%)</th>
                    <th width="8%">DISCOUNT (Amt.)</th>
                    <th width="8%">TAX</th>
                    <th width="8%">FINAL</th>
                    <th width="2%"></th>
                </tr>
            </thead>
            <tbody>
                @if(!empty($posSaleOrderProducts))
                    @foreach($posSaleOrderProducts as $rowClass => $posSaleOrderProduct)
                    <tr class="pRow {{ $rowClass }}">
                        <input type="hidden" name="pClass[]" class="form-control pClass" value="{{ $rowClass }}" readonly/>
                        <input type="hidden" name="chosenExVat[]" class="form-control chosenExVat" value="{{ $posSaleOrderProduct['chosenExVat'] }}" readonly/>
                        <input type="hidden" name="chosenBaseMrp[]" class="form-control chosenBaseMrp" value="{{ $posSaleOrderProduct['chosenBaseMrp'] }}" readonly/>
                        <input type="hidden" name="chosenFinalMrp[]" class="form-control chosenFinalMrp" value="{{ $posSaleOrderProduct['chosenFinalMrp'] }}" readonly/>
                        <input type="hidden" name="chosenTaxAmt[]" class="form-control chosenTaxAmt" value="{{ $posSaleOrderProduct['chosenTaxAmt'] }}" readonly/>
                        <td><input name="hsn[]" class="form-control hsn" value="{{ $posSaleOrderProduct['hsn'] }}" readonly/> </td>
                        <td><input name="productcode[]" class="form-control productcode" value="{{ $posSaleOrderProduct['productcode'] }}" readonly/> </td>
                        <td><input name="chosenArticle[]" class="form-control article" value="{{ $posSaleOrderProduct['chosenArticle'] }}" readonly/> </td>
                        <td><input name="chosenColor[]" class="form-control color" value="{{ $posSaleOrderProduct['chosenColor'] }}" readonly/> </td>
                        <td><input name="chosenSize[]" class="form-control size" value="{{ $posSaleOrderProduct['chosenSize'] }}" readonly/> </td>
                        <td><input name="chosenBarcode[]" class="form-control barcode" value="{{ $posSaleOrderProduct['chosenBarcode'] }}" readonly/> </td>
                        <td><input name="chosenQty[]" class="form-control qty" value="{{ $posSaleOrderProduct['chosenQty'] }}" type="number" min="1" onblur="var v = this.value;if($.trim(v) == \'\'){this.value=1;}else if(parseInt(v) < 1){this.value=1;}updateTotals();" onchange="updateTotals();"  onkeyup="updateTotals();"/></td>
                        <td><input name="chosenMrp[]" class="form-control mrp" value="{{ $posSaleOrderProduct['chosenMrp'] }}" type="number" min="1" step="any" readonly/> </td>
                        <td><input name="chosenDiscount[]" class="form-control discountPer" value="{{ $posSaleOrderProduct['chosenDiscount'] }}" type="number" min="0" step="any"  onchange="updateTotals();"  onkeyup="updateTotals();"/> </td>
                        <td><input name="chosenDiscountAmt[]" class="form-control discAmt" value="{{ $posSaleOrderProduct['chosenDiscountAmt'] }}" type="number" min="0" step="any" readonly/> </td>
                        <td><input name="chosenTax[]" class="form-control tax" value="{{ $posSaleOrderProduct['chosenTax'] }}" type="number" min="0" step="any" readonly/> </td>
                        <td><input name="chosenTotal[]" class="form-control total" value="{{ $posSaleOrderProduct['chosenTotal'] }}" type="number" min="0" step="any" readonly/> </td>
                        <td><button type="button" class="btn btn-xs btn-danger" onclick="$(this).parent().parent().remove();updateTotals();">X</button></td>
                    </tr>
                    @endforeach
                @endif
            </tbody>
            <tfoot></tfoot>
        </table>
        {{-- PRODUCTS SELECTED --}}
    </div>
    <div class="col-md-12"><hr/></div>
</div>
</form>

@section('extraJs')
<script>
    $(document).ready(function () {
        $(".addPosSaleOrderProducts").click(function () {
            var from_pos = document.mainFrmSo.from_pos.value;
            if(document.getElementById("to_party") != null) {
                var to_party = document.mainFrmSo.to_party.value;
                $("#from_pos_search").val(from_pos);
                $("#to_party_search").val(to_party);
                $("#to_pos_search").val(0);
                if(from_pos == '' || to_party == '') {
                    toastr.error('Please select both warehouse and party to add the products!');
                    return false;
                }
            } else {
                var to_pos = document.mainFrmSo.to_pos.value;
                $("#from_pos_search").val(from_pos);
                $("#to_pos_search").val(to_pos);
                $("#to_party_search").val(to_pos);
                if(from_pos == '' || to_pos == '') {
                    toastr.error('Please select both warehouse and pos to add the products!');
                    return false;
                }
            }
            $(".orderFormRow, .selectProductsRow, .backBtn").toggle();
        });
    });

</script>
@endsection