@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }

/*
* jQuery Basic Table
* Author: Jerry Low
*/

table.bt thead,
table.bt tbody th {
display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
border: none;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;

/* IE 9 */
float: left\9;
width: 100%\9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-weight: bold;
width: 8em;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
vertical-align: top;
}

.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
display: none;
}
.childflex > span {
    display: flex;
}
    @media screen and (max-width: 768px) {
    table.tblPosOrdList tfoot th::before, table.tblPosOrdList tfoot td::before, table.tblPosOrdList tbody td::before {
        background-color: #b8daff;
        margin: -10px 10px -10px -10px;
        padding: 10px 10px;
    }
    table.tblPosOrdList tfoot th, table.tblPosOrdList tfoot td, table.tblPosOrdList tbody td {
        border-bottom: solid 1px #9ec4ed;
        width: auto;
    }
    table.tblPosOrdList tfoot tr, table.tblPosOrdList tfoot tr, table.tblPosOrdList tbody tr {
        border-bottom: solid 10px #ffffff;
    }
    .modal-content, .modal-header, .modal-body, .modal-footer {
        display: block;
    }
    .modal {
        margin-top: 16px;
    }
    #orderDetails th, #orderDetails td {
        word-break: break-all;
    }
    .modal-header .close {
        margin: -11rem -1rem -1rem auto;
    }
    #warediv {
        overflow: scroll !important;
        max-width: 100%;
        max-height: 40vh;
    }
    }
    @media  only screen and (max-width: 600px) {
      .datepicker,.datetimepicker {
        width: 150px !important;
      }
      .select2-container {
        min-width: 150px;
      }
    }
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Party Sale Orders
            <a href="{{ route('party-sale-orders.create') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new Party Sale Order</a>
            <span class="float-right">&nbsp;&nbsp;&nbsp;</span>
            <a  href="#" onclick="uploadPurchaseOrder();return false;" class="btn btn-warning float-right btn-sm"><i class="fa fas fa-plus"></i> Upload Party Order</a>
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default">
            <form action="{{ route('party-sale-orders.index') }}">
                <h4>Filter POS Sales Orders</h4>
                <table class="table filterPosSo">
                    <tr>
                        <td width="100">REF NO#</td>
                        <td width="150">FROM</td>
                        <td width="150">PARTY</td>
                        <td width="150">DATE FROM</td>
                        <td width="150">DATE TO</td>
                        <td width="100">ACCOUNTS</td>
                        <td width="100">OUTWARD</td>
                        <td width="100">READY</td>                        
                        <td width="100">DELIVERED</td>
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td>
                            <input name="manual_ref_no" id="manual_ref_nos" class="form-control" value="{{ request('manual_ref_no') }}" style="width:100px;">
                        </td>
                        <td>
                            <select name="from_pos" id="from_pos" class="select2"  style="width:150px;">
                                <option value="">Any</option>
                                @foreach($ALL_WAREHOUSES as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ request('warehouse_id') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <select name="to_party" id="to_poss" class="select2" style="width:150px;">
                                <option value="">Any</option>
                                @foreach($parties as $party)
                                <option value="{{ $party->id }}" {{ request('to_party') == $party->id ? 'selected' : '' }}>{{ $party->name . ' ('.$party->company_name.')' }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input name="datefrom" id="datefrom" class="form-control datepicker" value="{{ request('datefrom') }}" style="width:150px;">
                        </td>
                        <td>
                            <input name="dateto" id="dateto" class="form-control datepicker" value="{{ request('dateto') }}" style="width:150px;">
                        </td>
                        <td>
                            <select name="accounts" id="accounts" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('accounts') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('accounts') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="outward" id="outwards" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('outward') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('outward') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="ready" id="ready" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('ready') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('ready') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        
                        <td>
                            <select name="delivered" id="delivered" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('delivered') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('delivered') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('party-sale-orders.index') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        <table class="table table-bordered tblPosOrdList">
            <thead>
                <tr>
                    <th>REF#</th>
                    <th>FROM</th>
                    <th>TO</th>
                    <th>Order DATE</th>
                    <th>APPROVE DATE</th>
                    <th>SHIPTO</th>
                    <th>Order Qty</th>
                    <th>Order Status</th>
                    <th>ACCOUNTS</th>
                    <th>OUTWARD</th>
                    <th>READY</th>
                    
                    <th>DELIVERED</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($posSalesOrders->count() > 0)
                @foreach($posSalesOrders as $posSalesOrder)
                <tr>
                    <td>
                        {{ $posSalesOrder->in_ref_no }}
                        @if(file_exists(public_path().'/uploads/log-file-upload-'.$posSalesOrder->id.'.txt'))
                            <!--<br><a href="download-file.php?file={{ 'uploads/log-file-upload-'.$posSalesOrder->id.'.txt' }}" target="_blank">Download skipped barcodes in order import</a>-->
                        @endif
                    </td>
                    <td>@if(!empty($posSalesOrder->warehouse)){{ $posSalesOrder->warehouse->name }} @endif</td>
                    <td>@if(!empty($posSalesOrder->party)){{-- $posSalesOrder->party->name --}} {{ $posSalesOrder->party->company_name }}@endif</td>
                    <td>{{ $posSalesOrder->order_date }}</td>
                    <td>{{ $posSalesOrder->pre_dateon }}</td>
                    <td>{{ $posSalesOrder->shipto }}</td>
                    <td>{{ $posSalesOrder->items->sum('qty') }}</td>
                    <td>{{ ($posSalesOrder->is_draft === 1) ? 'Draft' : '' }}</td>
                    <td>{{ empty($posSalesOrder->pre_account) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->outward) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->gatepass) ? 'No' : 'Yes' }}</td>
                    
                    <td>{{ empty($posSalesOrder->delivered) ? 'No' : 'Yes' }}</td>
                    <td width="100">
                        <div class="dropdown">
                            <button type="button" class="btn btn-primary btn-sm btn-block dropdown-toggle" data-toggle="dropdown">
                              Actions
                            </button>
                            <div class="dropdown-menu">
                           
                              {{-- <a class="dropdown-item" href="#" onclick="setSaleOrderStatus('preaccounts',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Accounts Approval</small></a> --}}
                           
                           
                              <a class="dropdown-item" href="{{ route('party-sale-orders.edit',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-pencil"></i> Modify</small></a>
                              <a class="dropdown-item" href="{{ route('party-sale-orders-outward',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-upload"></i> Outward</small></a>
                       
                            
                              <!--a class="dropdown-item" href="#" onclick="$('#so_id').val({{ $posSalesOrder->id }});$('#act2').val('print-so-packing-slip');document.sofrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Packing Slip</small></a>
                              <a class="dropdown-item" href="#" onclick="$('#so_id').val({{ $posSalesOrder->id }});$('#act2').val('print-so-packing-slip-box-wise');document.sofrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Box Packing Slip</small></a>
                              <a class="dropdown-item" href="#" onclick="$('#so_id').val({{ $posSalesOrder->id }});$('#act2').val('print-so-order-slip');document.sofrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Order Slip</small></a-->
                            
                              <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-so-packing-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Packing Slip</small></a>
                             <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-so-packing-slip-box-wise']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i>Box Packing Slip</small></a>
                             <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-so-order-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Order Slip</small></a>

                             
                              <!--a class="dropdown-item" href="#" onclick="$('#preinvoice_id').val({{ $posSalesOrder->id }});$('#preinvoice').val('print-pre-invoice-slip');document.preinvoicefrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Pre Invoice</small></a-->
                              <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-pre-invoice-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Pre Invoice</small></a>
                              <!--a class="dropdown-item" href="#" onclick="$('#so_id2').val({{ $posSalesOrder->id }});document.sofrm2.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Invoice</small></a-->
                              <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-so-invoice']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Invoice PDF</small></a>
                              <a class="dropdown-item" href="#" onclick="$('#so_id3').val({{ $posSalesOrder->id }});document.sofrm3.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Invoice XLS</small></a>
                              <a class="dropdown-item" href="#" onclick="$('#so_id4').val({{ $posSalesOrder->id }});document.sofrm4.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Invoice XLS <br>Without GST</small></a>
                              @if($posSalesOrder->outward == 0 && file_exists(public_path().'/uploads/log-file-upload-'.$posSalesOrder->id.'.txt'))
                              <a class="dropdown-item" href="#" onclick="uploadPurchaseOrderEdit({{ $posSalesOrder->id }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Append Barcode</small></a>
                              @endif
                              <!--a class="dropdown-item" href="#" onclick="$('#sortage_id').val({{ $posSalesOrder->id }});$('#actstorage').val('print-so-sortage-slip');document.sortagefrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Sortage Order</small></a>
                              <a class="dropdown-item" href="#" onclick="$('#stock_sortage_id').val({{ $posSalesOrder->id }});$('#stocksstorage').val('sortage-avail-stock-slip');document.stockstrfrm.submit();return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Available Sortage Order</small></a-->
                             <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'print-so-sortage-slip']) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Sortage Order</small></a>
                            
                              <a class="dropdown-item" target="_blank" href="{{ route('exportPdf',['id' => $posSalesOrder->id,'act'=>'sortage-avail-stock-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Available Sortage Order</small></a>
                              @if(auth()->user()->designation_id != 35)
                              <a class="dropdown-item" href="#" onclick="setSaleOrderStatus('accounts',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Dispatch</small></a>
                              <a class="dropdown-item" href="#" onclick="setSaleOrderStatus('gatepass',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-gear"></i> Ready to Send</small></a>
                              <a class="dropdown-item" href="#" onclick="setSaleOrderStatus('cancelorder',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Cancel Order</small></a>
                              @endif
                            </div>
                        </div>
                        @if($posSalesOrder->is_draft == 1)
                        <div style="margin-top:10px;">                             
                            <a title="Send To Account Approve" type="button"  href="{{ route('send-to-account-approve',['id' => $posSalesOrder->id]) }}"   onclick="return confirm('Are you sure you would like to send to account approve?');" class="btn btn-info" 
                              >Send To Account Approve</a>
                        </div>
                        @endif
                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No sale order found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        @php
            $urlHost = request()->getHttpHost();
            if(strstr($urlHost, 'localhost')) {
                $postUrl = 'http://localhost/sutionline/suti-pos/process.php';
            } else {
                $postUrl = 'https://www.sutionline.com/suti-pos/process.php';
            }
        @endphp
        <form action="{{ $postUrl }}" target="_blank" method="post" name="sofrm">
            <input type="hidden" name="so_id" id="so_id" value="0">
            <input type="hidden" name="act" id="act2" value="">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="sofrm2">
            <input type="hidden" name="so_id" id="so_id2" value="0">
            <input type="hidden" name="xls" id="xls" value="0">
            <input type="hidden" name="act" id="act" value="print-so-invoice">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="sofrm3">
            <input type="hidden" name="so_id" id="so_id3" value="0">
            <input type="hidden" name="xls" id="xls" value="1">
            <input type="hidden" name="act" id="act" value="print-so-invoice">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="sofrm4">
            <input type="hidden" name="so_id" id="so_id4" value="0">
            <input type="hidden" name="xls" id="xls" value="1">
            <input type="hidden" name="exgst" id="exgst" value="1">
            <input type="hidden" name="act" id="act" value="print-so-invoice">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="sortagefrm">
        <input type="hidden" name="so_id" id="sortage_id" value="0">           
        <input type="hidden" name="act" id="actstorage" value="print-so-sortage-slip">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="stockstrfrm">
            <input type="hidden" name="so_id" id="stock_sortage_id" value="0">           
            <input type="hidden" name="act" id="stocksstorage" value="sortage-avail-stock-slip">
        </form>
         <form action="{{ $postUrl }}" target="_blank" method="post" name="preinvoicefrm">
             <input type="hidden" name="so_id" id="preinvoice_id" value="0">           
             <input type="hidden" name="act" id="preinvoice" value="print-pre-invoice-slip">
        </form>
        <div class="text-right">
            {!! $posSalesOrders->render() !!}
        </div>
    </div>
</div>


<!-- The Modal -->
<div class="modal" id="uploadPoModal">
    <div class="modal-dialog">
      <div class="modal-content">
  
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title"></h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
        <!-- Modal body -->
        <div class="modal-body">
            <form action="{{ route('party-sale-orders-upload') }}" method="post" name="hsnFrm" enctype="multipart/form-data">
                @csrf
                <div class="row">
                {{--  --}}
                <div class="form-group col-md-6">
                    <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-6">
                    <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-6">
                    <label for="from_pos">FROM WAREHOUSE</label>
                    <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>
                </div>
                <div class="form-group col-md-6">
                    <label for="to_party">TO Party</label>
                    <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->name . ' ('.$party->company_name.')' }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-3 d-none">
                    <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 d-none">
                    <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 d-none">
                    <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 d-none">
                    <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>
                {{--  --}}
                  <div class="col-md-12">
                      <div class="form-group"><label for="hsnname">File</label><input type="file" class="form-control" name="file" id="hsnname" required value="" placeholder="Upload the txt file for barcodes"/></div>
                        <div class="form-group">
                            <button class="btn btn-block btn-primary">Save Party Order</button>
                        </div>
                        <div class="form-group">
                            <a href="download-file.php?file=uploads/sample-party-order.txt" class="btn btn-block btn-success" target="_blank">Download File Format</a>
                            <h6>Steps:</h6>
                            <ol>
                                <li>Download the text file from the Download File Format Button above</li>
                                <li>Open the file with Excel</li>
                                <li>
                                    Fill in the product code, barcode and outward value 
                                    <br>
                                    <span class="text-danger">Outward 0 means not outwarded, outward 1 means product is outwarded</span>
                                </li>
                                <li>Upload the File</li>
                            </ol>
                        </div>
                  </div>
                </div>
            </form>
        </div>
  
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
  
      </div>
    </div>
  </div>
  <!-- The Modal -->

  <!-- The Modal -->
<div class="modal" id="uploadPoModalEdit">
    <div class="modal-dialog">
      <div class="modal-content">
  
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Add products to existing order</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
        <!-- Modal body -->
        <div class="modal-body">
            <form action="{{ route('party-sale-orders-upload-edit') }}" method="post" name="hsnFrm" enctype="multipart/form-data">
                <input type="hidden" name="orderId" id="editOrderId" value="0">
                @csrf
                <div class="row">
                {{--  --}}
                {{--  --}}
                  <div class="col-md-12">
                      <div class="form-group"><label for="hsnname">File</label><input type="file" class="form-control" name="file" id="hsnname" required value="" placeholder="Upload the txt file for barcodes"/></div>
                        <div class="form-group">
                            <button class="btn btn-block btn-primary">Update Party Order With Products</button>
                        </div>
                        <div class="form-group">
                            <a href="download-file.php?file=uploads/sample-party-order.txt" class="btn btn-block btn-success" target="_blank">Download File Format</a>
                            <h6>Steps:</h6>
                            <ol>
                                <li>Download the text file from the Download File Format Button above</li>
                                <li>Open the file with Excel</li>
                                <li>
                                    Fill in the product code, barcode and outward value 
                                    <br>
                                    <span class="text-danger">Outward 0 means not outwarded, outward 1 means product is outwarded</span>
                                </li>
                                <li>Upload the File</li>
                            </ol>
                        </div>
                  </div>
                </div>
            </form>
        </div>
  
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
  
      </div>
    </div>
  </div>
  <!-- The Modal -->
@endsection

@section('extraJs')
  <script src="{{ asset(BACKEND_THEME_JS_PATH . 'jquery.basictable.min.js') }}"></script>
<script>
    
function uploadPurchaseOrder()
{
    $("#uploadPoModal").modal('show');
}
    
function uploadPurchaseOrderEdit(orderId)
{
    $("#editOrderId").val(orderId);
    $("#uploadPoModalEdit").modal('show');
}

$(function () {
  $('.tblPosOrdList').basictable({
    breakpoint: 768,
  });

$('.filterPosSo').basictable({
  breakpoint: 768,
});
});
</script>
@endsection