@extends('layouts.backend')

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

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Warehouse Purchase Orders
            <a href="{{ route('purchase-orders.create') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new Warehouse Purchase Order</a>
            <span class="float-right">&nbsp;&nbsp;&nbsp;</span>
            @if(Auth::user()->role_id == 1 )
            <a  href="#" onclick="uploadPurchaseOrder();return false;" class="btn btn-warning float-right btn-sm"><i class="fa fas fa-plus"></i> Upload PO</a>
            @endif
            
            @if(Auth::user()->id == 3  )
            <a  href="#" onclick="uploadPurchaseOrder();return false;" class="btn btn-warning float-right btn-sm"><i class="fa fas fa-plus"></i> Upload PO</a>
            @endif
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default table-responsive">
            <form action="{{ route('purchase-orders.index') }}">
                <h4>Filter Purchase Orders</h4>
                <table class="table filterPosSo">
                    <tr>
                        <td style="width:100px;">REF NO#</td>
                        <td style="width:100px;">FROM</td>
                        <td style="width:100px;">SUPPLIER</td>
                        <td style="width:200px;">ARTICLE</td>
                        <td style="width:100px;">DATE FROM</td>
                        <td style="width:100px;">DATE TO</td>  
                        <td style="width:100px;">DRAFT</td>                      
                        <td style="width:100px;">ACCOUNTS</td>
                        <td style="width:100px;">BARCODE</td>
                        <td style="width:100px;">INFACTORY</td>
                        
                        <td style="width:100px;">INWARD</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>
                            <select name="article[]" id="article" class="select2" style="width:150px;" multiple="multiple">
                                
                                 @foreach($ListArticle as $articles)
                                <option value="{{ $articles->code }}" >{{ $articles->code  }}</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="draft" id="draft" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('pre_account') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('pre_account') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="pre_account" id="pre_account" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('pre_account') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('pre_account') == 0 ? 'checked' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="packingslip" id="packingslips" class="" style="width:50px;">
                                <option value="">All</option>
                                <option value="1" {{ request('packingslip') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('packingslip') == 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('purchase-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>Supplier Order No.</th>
                    <th>FROM</th>
                    <th>TO</th>
                    <th>DATE</th>
                    <th>APPROVE DATE</th>
                    <th>SHIPTO</th>
                    <th>Order Status</th>
                    <th> Buyer </th>
                    <th>APPROVED</th>
                    <th>Order Qty</th>
                    <th>Inward Qty</th>
                    <th>INFACTORY</th>
                    <th>INWARDED</th>
                    
                    <th>BARCODE ATTECHED</th>
                    <!--th>Bill value</th-->
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($posSalesOrders->count() > 0)
                @foreach($posSalesOrders as $posSalesOrder)
                <tr>
                    <td>
                        <a data-toggle="modal" data-target="#purchaseModal"  data-pid="{{$posSalesOrder->id}}" >
                           {{ $posSalesOrder->in_ref_no }}</a>
                    </td>
                    <td>
                                                    {{ $posSalesOrder->manual_ref_no }}
                                            </td>
                    <td>{{ $posSalesOrder->warehouse->name }}</td>
                    <td>{{ $posSalesOrder->supplier->name }} {{ $posSalesOrder->supplier->company_name }}</td>
                    <td>{{ $posSalesOrder->order_date }}</td>
                    <td>{{ $posSalesOrder->pre_dateon }}</td>
                    <td>{{ $posSalesOrder->shipto }}</td>
                    <td>{{ ($posSalesOrder->is_draft === 1) ? 'Draft' : '' }}</td>
                    <td>{{ (!empty($posSalesOrder->buyerGroup)) ? $posSalesOrder->buyerGroup->name : (!empty($posSalesOrder->buyerParty) ? $posSalesOrder->buyerParty->name : '')}}</td>
                    <td>{{ empty($posSalesOrder->pre_account) ? 'No' : 'Yes' }}</td>
                    <td>{{ $posSalesOrder->items->sum('qty') }}</td>
                    <td>{{ $posSalesOrder->inwardItems->sum('qty') }}</td>
                    <td>{{ empty($posSalesOrder->gatepass) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->inward) ? 'No' : 'Yes' }}</td>
                   
                    <td>{{ empty($posSalesOrder->packingslip) ? 'No' : 'Yes' }}</td>
                    <!--td>{{ $posSalesOrder->grandtotal }}</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="{{ route('purchase-orders.edit',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-pencil"></i> Modify</small></a>
                              @if($posSalesOrder->pre_account === 1)
                              <a class="dropdown-item" href="{{ route('purchase-orders-generateBarCodes',['id' => $posSalesOrder->id]) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Generate Barcodes</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> Infactory</small></a>
                              <a class="dropdown-item" href="#" onclick="generateBarCodes({{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Upload Barcodes</small></a>
                              <a class="dropdown-item" href="{{ route('purchase-orders-images',['id' => $posSalesOrder->id]) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Barcodes Images</small></a> 
                              
                              <a target="_blank" class="dropdown-item" href="{{ route('export-vendor-barcodes',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-eye"></i> Export Barcodes</small></a>
                              @endif
                              {{-- <a class="dropdown-item" href="{{ route('purchase-orders-inward',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-upload"></i> Inward</small></a> --}}
                              {{-- <a class="dropdown-item" href="{{ route('purchase-orders-inward',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-upload"></i> Inward</small></a> --}}
                              {{-- <a class="dropdown-item" onclick="importBarCodes({{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Upload Barcodes new</small></a> --}}
                              
                              {{-- <a class="dropdown-item" href="#" onclick="var v = confirm('Are you sure you want to approve this inawards. Stock will be added to warehouse and you will not be able to do any inward for this order agter that.'); if(v == true){setSaleOrderStatus('accounts',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});}return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Approve Inwards</small></a> --}}
                              {{-- <a class="dropdown-item" href="#" onclick="var v = confirm('Are you sure you want to generate the brodes. You will not be able to do any modification for this order agter that.'); if(v == true){setSaleOrderStatus('packingslip',{{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});}return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Generate Barcodes</small></a> --}}
                              
                              {{-- <a class="" 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> Accounts Approval</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-po-invoice']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Invoice</small></a>

                              <!--a class="dropdown-item" href="#" onclick="$('#porder_id').val({{ $posSalesOrder->id }});$('#purorder').val('print-pur-order-slip');document.porderfrm.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-pur-order-slip']) }}" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-table"></i> Order Slip</small></a>
                           
                            </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-purchase-order',['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
                                      <a  data-toggle="modal" data-target="#sortageModal"  data-pid="{{$posSalesOrder->id}}"  class="btn btn-warning" style="margin:1px;" ><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-eye"></i> Sortage </small></a>
                            @if( ((auth()->user()->role_id === 6 ) || (auth()->user()->role_id === 1 ) || ( auth()->user()->id == 11 ) ) && ( $posSalesOrder->is_draft === 0 ) && ( $posSalesOrder->pre_account === 0 ))
                             
                              <a  data-toggle="modal" data-target="#purchaseModal"  data-pid="{{$posSalesOrder->id}}"  class="btn btn-info" style="margin:1px;"> <i class="fa fas fa-eye"></i> View</a>
                          
                            @endif
                        </div>
                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No warehouse purchase order found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        @php
            $urlHost = request()->getHttpHost();
            if(strstr($urlHost, 'localhost')) {
                $postUrl = 'http://localhost:81/sutionline_new/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="act" id="act" value="print-po-invoice">
        </form>
        <form action="{{ $postUrl }}" target="_blank" method="post" name="porderfrm">
            <input type="hidden" name="so_id" id="porder_id" value="0">           
            <input type="hidden" name="act" id="purorder" value="print-pur-order-slip">
        </form>
        <div class="text-right">
            {!! $posSalesOrders->render() !!}
        </div>
    </div>
</div>


<!-- The Modal -->
<div class="modal" id="hsnModal">
    <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('upload-vendor-barcodes') }}" method="post" name="hsnFrm" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="order_id" id="horder_id" value="0">
                <input type="hidden" name="warehouse_id" id="wpos" value="0">
                <div class="row">
                  <div class="col-md-12">
                      <div class="form-group"><label for="skipUniq">Skip Uniq Barcodes</label><select name="skipUniq" id="skipUniq" class="form-control" required><option value="">Select</option><option value="1">Yes use LOT Barcodes</option><option value="0">No Do not use LOT Barcodes</option></select></div>
                      <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 Purchase Order</button>
                        </div>
                        <div class="form-group">
                            <a href="download-file.php?file=uploads/sample-upload-barcode.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 and barcode</li>
                                <li>Upload the File</li>
                                <li>This will attached the barcodes in the sheet to the specific purchase order</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="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('upload-wh-purchase-order') }}" method="post" name="hsnFrm" enctype="multipart/form-data">
                @csrf
                <div class="row">
                {{--  --}}
                <div class="form-group col-md-12"><label for="skipUniq">Skip Uniq Barcodes</label><select name="skipUniq" id="skipUniq" class="form-control" required><option value="">Select</option><option value="1">Yes use LOT Barcodes</option><option value="0">No Do not use LOT Barcodes</option></select></div>
                <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 SUPPLIER</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 Barcode to Order</button>
                        </div>
                        <div class="form-group">
                            <a href="download-file.php?file=uploads/sample-upload-barcode.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 and barcode</li>
                                <li>Upload the File</li>
                                <li>This will attached the barcodes in the sheet to the specific purchase order</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 -->

<div class="modal fade bd-example-modal-xl" id="purchaseModal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-xl">
    
      <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header" >
          <h5> Purchases Order</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>  
          <input type="hidden" id ='perid'>       
        </div>
        <div class="modal-body" > 
             

            <div class="table-responsive" style="margin-top:20px; display:none;" id='warediv'>

                    <table class="table table-striped table-bordered" id='purchases' >
                        <thead>
                            <tr>
                              <th>Image</th>
                               <th > Article </th>
                               <th id="th2"> Color </th>
                               
                               @foreach($sizes as $size)
                                <th>{{$size}}</th>
                                @endforeach
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
            </div>
            
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" id='close' data-dismiss="modal">Close</button>
          <button  type="button" title="Account Approve"  id ="approveid" class="btn btn-success" style="margin:1px;">Approval</button>
       
        </div>
      </div>
      
    </div>
</div>

<!-- The Sortage Modal -->
<div class="modal fade bd-example-modal-xl" id="sortageModal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-xl">
    
      <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header" >
          <h5> Sortage In Order</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>  
          <input type="hidden" id ='spid'>       
        </div>
        <div class="modal-body" > 
             

            <div class="table-responsive" style="margin-top:20px; display:none;" id='sortagediv'>

                    <table class="table table-striped table-bordered" id='purchases' >
                        <thead>
                            <tr>
                              <th>Image</th>
                               <th > Article </th>
                               <th id="th2"> Color </th>
                               
                               @foreach($sizes as $size)
                                <th>{{$size}}</th>
                                @endforeach
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
            </div>
            
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" id='close' data-dismiss="modal">Close</button>
          <button  type="button" title="Order Close"  id ="closelockid" class="btn btn-success" style="margin:1px;">Order Close</button>
        </div>
      </div>
      
    </div>
</div>

<!-- Upload The Modal -->
<div class="modal" id="importModal">
    <div class="modal-dialog">
      <div class="modal-content">
  
        <!-- Modal Header -->       

        <div class="modal-header text-center">
          <h4 class="modal-title w-100 font-weight-bold"> Upload Barcode</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
  
        <!-- Modal body -->
        <div class="modal-body">           
                <form method="POST" action = "{{ route('purchase-orders-importBarCodes') }}" enctype="multipart/form-data" id="laravel-ajax-file-upload" action="javascript:void(0)" >
                <div class="row">
                  <div class="col-md-12">                      
                      <div class="form-group"><label for="hsnname">File</label><input type="file" class="form-control" name="uploaddata"  required value="" placeholder="Upload the excel file for barcodes"/></div>
                        <input type="hidden" name="order_id" id="poorder_id" >
                        <input type="hidden" name="warehouse_id" id="pwpos" >
                        <div class="form-group">
                            <h6>Note:</h6>
                            <ol>
                                <li>Upload Excel File With Product_code and Barcode</li>
                            </ol>
                        </div>
                        <div class="form-group">
                            <button class="btn btn-block btn-primary"  type="submit">upload</button>                            
                        </div> 
                  </div>
                </div>
           
        </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>
    
$(document).ready(function(){
  $("#orderNo").change(function(){
    var _token   = $('meta[name="csrf-token"]').attr('content'); 
    var order_no=$('#orderNo').val();
    //alert(order_no);
    var orderId=$('#orderId').val();
    
    $.ajax({
            method: 'POST',
            url: '{{ route('update-supplier-order-no') }}',
            data: '_token=' + document.tokenForm._token.value + '&orderId=' + orderId + '&order_no=' + order_no ,
            success: function(result) {
                var response = jQuery.parseJSON(result);
                        //hideLoader();
                if(response.status == false) {
                    toastr.error(response.info);
                } else {                                            
                    toastr.success(response.info);
                        location.reload();
                            
                        }  
                        
                    }
                });  
  });
});

    $('#approveSupplierNo').on('click',function(){
    var _token   = $('meta[name="csrf-token"]').attr('content');   
    var orderId=$('#orderId').val();
    
        $.ajax({
            method: 'POST',
            url: '{{ route('approve-supplier-order-no') }}',
            data: '_token=' + document.tokenForm._token.value + '&orderId=' + orderId,
            success: function(result) {
                var response = jQuery.parseJSON(result);
                        //hideLoader();
                if(response.status == false) {
                    toastr.error(response.info);
                } else {                                            
                    toastr.success(response.info);
                        location.reload();
                            
                        }  
                        
                    }
        });  
    });
function generateBarCodes(o,w) {
    $("#horder_id").val(o);
    $("#wpos").val(w);
    $("#hsnModal").modal('show');
}

function importBarCodes(o,w) {
    $("#poorder_id").val(o);
    $("#pwpos").val(w);
    $("#importModal").modal('show');
}

$('#approveid').on('click',function(){
// alert('ji');
    var _token   = $('meta[name="csrf-token"]').attr('content');   
    var id = $('#perid').val();
    //console.log(id); return false;
    $.ajax({
    type: "get",
    url: "{{ route('account-approve-purchase-order') }}",
    data: {
    id:id,
    _token: _token
    },
    dataType: "json",
    success: function(res) { 
        console.log(res);
     if(res.status === true)
         {
            toastr.success(res.info);
            location.reload();
         }else
         {
           toastr.error(res.info);
         }

    }
    });

});

function uploadPurchaseOrder()
{
    $("#uploadPoModal").modal('show');
}

$(function () {
  $('#purchaseModal').on('show.bs.modal', function (event) { 
    
    $('#purchases tbody').html(''); 
   
    $('#warediv').css('display','none');   
    var button = $(event.relatedTarget);
    var pid = button.data('pid'); // Extract info from data-* attributes
    var modal = $(this);   
    $('#perid').val(pid);

    var _token   = $('meta[name="csrf-token"]').attr('content');

    $.ajax({
    url:"{{ route('purchase-order-article-details') }}",
    method:"get",
    data:{pid: pid, _token:_token},
    success:function(response)
    {  console.log(response);
        $('#warediv').css('display','block'); 
        $('#purchases tbody').html('');  
        $('#purchases thead').html(''); 
        $('#purchases thead').append(response.thead);        
        const sizearray = [];        

        $.each(response.size, function(key, size) { 
             // console.log(size.size);
              sizearray.push(size.size);
        });       

        var gtxs = gts = gtm = gtl = gtxl = gtxl2 = gtxl3 = gtxl4 = gtxl5 = gtxl6 = gtxl7 =gtfree = gtotal = gtcarry = 0;

        $.each(response.data, function(propNames, propVal)
        {          
          console.log(propNames, propVal);
          var total = ( parseInt(propVal.XS) +  parseInt(propVal.S) +  parseInt(propVal.M) +  parseInt(propVal.L) +  parseInt(propVal.XL) +  parseInt(propVal.XL2) 
            + parseInt(propVal.XL3) + parseInt(propVal.XL4) + parseInt(propVal.XL5) + parseInt(propVal.XL6) + parseInt(propVal.XL7) + parseInt(propVal.FREE) + parseInt(propVal.carry) ); 

          gtxs = gtxs + parseInt(propVal.XS);  
          gts = gts + parseInt(propVal.S); 
          gtm = gtm + parseInt(propVal.M); 
          gtl = gtl + parseInt(propVal.L); 
          gtxl = gtxl + parseInt(propVal.XL); 
          gtxl2 = gtxl2 + parseInt(propVal.XL2); 
          gtxl3 = gtxl3 + parseInt(propVal.XL3); 
          gtxl4 = gtxl4 + parseInt(propVal.XL4); 
          gtxl5 = gtxl5 + parseInt(propVal.XL5);   
          gtxl6 = gtxl6 + parseInt(propVal.XL6);  
          gtxl7 = gtxl7 + parseInt(propVal.XL7);  
          gtfree = gtfree + parseInt(propVal.FREE);   
          gtcarry = gtcarry + parseInt(propVal.carry);  

          gtotal = gtotal + total;    
           console.log(gtxs,gts,gtm,gtl,gtxl,gtxl2,gtxl3,gtxl4,gtxl5,gtxl6,gtxl7,gtfree);      

          var tbody = "";

          tbody += "<tr><td><img src=" + propVal.src + " style='width:50px;' class='img-fluid center-block img-rounded'></td><td>"+ propVal.article  + "</td><td>" + propVal.colors.replace(/_/g, " ") + "</td>";
          
          if(sizearray.includes('XS'))
          {
              tbody += "<td>" + ( parseInt(propVal.XS) > 0 ? " Qty : " + propVal.XS + "</br>  PP :" + propVal.XSpp +"</br> WSP :"+ propVal.XSwsp + "</br> MRP :" +  propVal.XSmrp + "</br> Inward :" + propVal.XS_in : 0 ) +"</td>";
          }
          if(sizearray.includes('S'))
          {
              tbody += "<td>" + ( parseInt(propVal.S) > 0 ? " Qty : " + propVal.S + "</br>  PP :" + propVal.Spp +"</br> WSP :"+ propVal.Swsp + "</br> MRP :" +  propVal.Smrp + "</br> Inward :" + propVal.S_in : 0 ) +"</td>";
          }
          if(sizearray.includes('M'))
          {
              tbody += "<td>" + ( parseInt(propVal.M) > 0 ? " Qty : " + propVal.M + "</br>  PP :" + propVal.Mpp +"</br> WSP :"+ propVal.Mwsp + "</br> MRP :" +  propVal.Mmrp + "</br> Inward :" + propVal.M_in  : 0 ) +"</td>";
          }
          if(sizearray.includes('L'))
          {
              tbody += "<td> " + ( parseInt(propVal.L) > 0 ? "Qty : " + propVal.L + "</br>  PP :" + propVal.Lpp +"</br> WSP :"+ propVal.Lwsp + "</br> MRP :" +  propVal.Lmrp + "</br> Inward :" + propVal.L_in  : 0 ) +"</td>";
          }
          if(sizearray.includes('XL'))
          {
              tbody += "<td>" + ( parseInt(propVal.XL) > 0 ? " Qty : "+ propVal.XL + "</br>  PP :" + propVal.XLpp +"</br> WSP :"+ propVal.XLwsp + "</br> MRP :" +  propVal.XLmrp + "</br> Inward :" + propVal.XL_in : 0 ) +"</td>";
          }
          if(sizearray.includes('2XL'))
          {
              tbody += "<td>" + ( parseInt(propVal.XL2) > 0 ? " Qty : " +  propVal.XL2 + "</br>  PP :" + propVal.XL2pp +"</br> WSP :"+ propVal.XL2wsp + "</br> MRP :" +  propVal.XL2mrp + "</br> Inward :" + propVal.XL2_in : 0 ) +"</td>";
          }
          if(sizearray.includes('3XL'))
          {
              tbody += "<td>" + ( parseInt(propVal.XL3) > 0 ? " Qty : " + propVal.XL3 + "</br>  PP :" + propVal.XL3pp +"</br> WSP :"+ propVal.XL3wsp + "</br> MRP :" +  propVal.XL3mrp + "</br> Inward :" + propVal.XL3_in : 0 ) +"</td>";
          }
          if(sizearray.includes('4XL'))
          {
              tbody += "<td>" + ( parseInt(propVal.XL4) > 0 ? " Qty : "+ propVal.XL4 + "</br>  PP :" + propVal.XL4pp +"</br> WSP :"+ propVal.XL4wsp + "</br> MRP :" +  propVal.XL4mrp + "</br> Inward :" + propVal.XL4_in : 0 ) +"</td>";
          }
          if(sizearray.includes('5XL'))
          {
              tbody += "<td> " + ( parseInt(propVal.XL5) > 0 ? " Qty : "+ propVal.XL5 + "</br>  PP :" + propVal.XL5pp +"</br> WSP :"+ propVal.XL5wsp + "</br> MRP :" +  propVal.XL5mrp + "</br> Inward :" + propVal.XL5_in : 0 ) +"</td>";
          }
          if(sizearray.includes('6XL'))
          {
              tbody += "<td>" + ( parseInt(propVal.XL6) > 0 ? " Qty : "+ propVal.XL6 + "</br>  PP :" + propVal.XL6pp +"</br> WSP :"+ propVal.XL6wsp + "</br> MRP :" +  propVal.XL6mrp + "</br> Inward :" + propVal.XL6_in : 0 ) +"</td>";
          }
          if(sizearray.includes('7XL'))
          {
              tbody += "<td> " + ( parseInt(propVal.XL7) > 0 ? " Qty : "+ propVal.XL7 + "</br>  PP :" + propVal.XL7pp +"</br> WSP :"+ propVal.XL7wsp + "</br> MRP :" +  propVal.XL7mrp + "</br> Inward :" + propVal.XL7_in : 0 ) +"</td>";
          }
          if(sizearray.includes('FREE'))
          {
              tbody += "<td> " + ( parseInt(propVal.FREE) > 0 ? " Qty : "+ propVal.FREE + "</br>  PP :" + propVal.FREEpp +"</br> WSP :"+ propVal.FREEwsp + "</br> MRP :" +  propVal.FREEmrp + "</br> Inward :" + propVal.FREE_in : 0 ) +"</td>";
          }
          if(sizearray.includes('15*12.5 INCHES'))
          {
              tbody += "<td> " + ( parseInt(propVal.carry) > 0 ? " Qty : "+ propVal.carry + "</br> MRP :" +  propVal.carrymrp : propVal.carry ) +"</td>";
          }

          tbody += "<td>" + total + "</td></tr>";

          
           $('#purchases tbody').append(tbody);

        });        

        var gtbody = "";
        console.log(gtxs,gts,gtm,gtl,gtxl,gtxl2,gtxl3,gtxl4,gtxl5,gtxl6,gtxl7,gtfree);

        gtbody += "<tr><td></td><td></td><td></td>";          
         
        if(sizearray.includes('XS'))
        {
            gtbody += "<td>"+ gtxs +"</td>";
        }
        if(sizearray.includes('S'))
        {
            gtbody += "<td>"+ gts +"</td>";
        }
        if(sizearray.includes('M'))
        {
            gtbody += "<td>"+ gtm +"</td>";
        }
        if(sizearray.includes('L'))
        {
            gtbody += "<td>"+ gtl +"</td>";
        }
        if(sizearray.includes('XL'))
        {
            gtbody += "<td>"+ gtxl +"</td>";
        }
        if(sizearray.includes('2XL'))
        {
            gtbody += "<td>"+ gtxl2 +"</td>";
        }
        if(sizearray.includes('3XL'))
        {
            gtbody += "<td>"+ gtxl3 +"</td>";
        }
        if(sizearray.includes('4XL'))
        {
            gtbody += "<td>"+ gtxl4 +"</td>";
        }
        if(sizearray.includes('5XL'))
        {
            gtbody += "<td>"+ gtxl5 +"</td>";
        }
        if(sizearray.includes('6XL'))
        {
            gtbody += "<td>"+ gtxl6 +"</td>";
        }
        if(sizearray.includes('7XL'))
        {
            gtbody += "<td>"+ gtxl7 +"</td>";
        }

        if(sizearray.includes('FREE'))
        {
            gtbody += "<td>"+ gtfree +"</td>";
        }

        if(sizearray.includes('15*12.5 INCHES'))
        {
            gtbody += "<td>"+ gtcarry +"</td>";
        }

        gtbody += "<td>"+ gtotal +"</td></tr>";

            
        
        $('#purchases tbody').append(gtbody);
            
    }
    

   })
    // modal.find('#colormodel').val(color);
  });


});

$(function () {
  $('#sortageModal').on('show.bs.modal', function (event) { 
    
    $('#sortageModal tbody').html(''); 
   
    $('#sortagediv').css('display','none');   
    var button = $(event.relatedTarget);
    var pid = button.data('pid'); // Extract info from data-* attributes
    var modal = $(this);   
    $('#spid').val(pid);

    var _token   = $('meta[name="csrf-token"]').attr('content');

    $.ajax({
    url:"{{ route('purchase-order-sortage-details') }}",
    method:"get",
    data:{pid: pid, _token:_token},
    success:function(response)
    {  console.log(response);
        $('#sortagediv').css('display','block'); 
        $('#sortageModal tbody').html('');  
        $('#sortageModal thead').html(''); 
        $('#sortageModal thead').append(response.thead);        
        const sizearray = [];        

        $.each(response.size, function(key, size) { 
             // console.log(size.size);
              sizearray.push(size.size);
        });       

        var gtxs = gts = gtm = gtl = gtxl = gtxl2 = gtxl3 = gtxl4 = gtxl5 = gtxl6 = gtxl7 =gtfree = gtotal = gtcarry = 0;

        $.each(response.data, function(propNames, propVal)
        {    console.log(propVal);      
          
          
          gtxs = gtxs + parseInt(propVal.XS);  
          gts = gts + parseInt(propVal.S); 
          gtm = gtm + parseInt(propVal.M); 
          gtl = gtl + parseInt(propVal.L); 
          gtxl = gtxl + parseInt(propVal.XL); 
          gtxl2 = gtxl2 + parseInt(propVal.XL2); 
          gtxl3 = gtxl3 + parseInt(propVal.XL3); 
          gtxl4 = gtxl4 + parseInt(propVal.XL4); 
          gtxl5 = gtxl5 + parseInt(propVal.XL5);   
          gtxl6 = gtxl6 + parseInt(propVal.XL6);  
          gtxl7 = gtxl7 + parseInt(propVal.XL7);  
          gtfree = gtfree + parseInt(propVal.FREE);   
          gtcarry = gtcarry + parseInt(propVal.carry);  

          gtotal = gtotal + parseInt(propVal.total);    
           console.log(gtxs,gts,gtm,gtl,gtxl,gtxl2,gtxl3,gtxl4,gtxl5,gtxl6,gtxl7,gtfree);      

          var tbody = "";

          tbody += "<tr><td><img src='" + propVal.src + "' style='width:50px;' class='img-fluid center-block img-rounded'></td><td>"+ propVal.article  + "</td><td>" + propVal.colors.replace(/_/g, " ") + "</td>";
          
          if(sizearray.includes('XS'))
          {
              tbody += "<td>" +  propVal.XS  +"</td>";
          }
          if(sizearray.includes('S'))
          {
              tbody += "<td>" + propVal.S  +"</td>";
          }
          if(sizearray.includes('M'))
          {
              tbody += "<td>" + propVal.M +"</td>";
          }
          if(sizearray.includes('L'))
          {
              tbody += "<td> " +  propVal.L  +"</td>";
          }
          if(sizearray.includes('XL'))
          {
              tbody += "<td>" +  propVal.XL  +"</td>";
          }
          if(sizearray.includes('2XL'))
          {
              tbody += "<td>" +  propVal.XL2  +"</td>";
          }
          if(sizearray.includes('3XL'))
          {
              tbody += "<td>" +  propVal.XL3  +"</td>";
          }
          if(sizearray.includes('4XL'))
          {
              tbody += "<td>" +  propVal.XL4 +"</td>";
          }
          if(sizearray.includes('5XL'))
          {
              tbody += "<td> " +  propVal.XL5  +"</td>";
          }
          if(sizearray.includes('6XL'))
          {
              tbody += "<td>" +  propVal.XL6 +"</td>";
          }
          if(sizearray.includes('7XL'))
          {
              tbody += "<td> " +  propVal.XL7  +"</td>";
          }
          if(sizearray.includes('FREE'))
          {
              tbody += "<td> " +  propVal.FREE  +"</td>";
          }
          if(sizearray.includes('15*12.5 INCHES'))
          {
              tbody += "<td> " +  propVal.carry +"</td>";
          }

          tbody += "<td>" + parseInt(propVal.total) + "</td></tr>";

          
           $('#sortageModal tbody').append(tbody);

        });        

        var gtbody = "";
        console.log(gtxs,gts,gtm,gtl,gtxl,gtxl2,gtxl3,gtxl4,gtxl5,gtxl6,gtxl7,gtfree);

        gtbody += "<tr><td></td><td></td><td></td>";          
         
        if(sizearray.includes('XS'))
        {
            gtbody += "<td>"+ gtxs +"</td>";
        }
        if(sizearray.includes('S'))
        {
            gtbody += "<td>"+ gts +"</td>";
        }
        if(sizearray.includes('M'))
        {
            gtbody += "<td>"+ gtm +"</td>";
        }
        if(sizearray.includes('L'))
        {
            gtbody += "<td>"+ gtl +"</td>";
        }
        if(sizearray.includes('XL'))
        {
            gtbody += "<td>"+ gtxl +"</td>";
        }
        if(sizearray.includes('2XL'))
        {
            gtbody += "<td>"+ gtxl2 +"</td>";
        }
        if(sizearray.includes('3XL'))
        {
            gtbody += "<td>"+ gtxl3 +"</td>";
        }
        if(sizearray.includes('4XL'))
        {
            gtbody += "<td>"+ gtxl4 +"</td>";
        }
        if(sizearray.includes('5XL'))
        {
            gtbody += "<td>"+ gtxl5 +"</td>";
        }
        if(sizearray.includes('6XL'))
        {
            gtbody += "<td>"+ gtxl6 +"</td>";
        }
        if(sizearray.includes('7XL'))
        {
            gtbody += "<td>"+ gtxl7 +"</td>";
        }

        if(sizearray.includes('FREE'))
        {
            gtbody += "<td>"+ gtfree +"</td>";
        }

        if(sizearray.includes('15*12.5 INCHES'))
        {
            gtbody += "<td>"+ gtcarry +"</td>";
        }

        gtbody += "<td>"+ gtotal +"</td></tr>";

         console.log(gtotal);   
        
        $('#sortageModal tbody').append(gtbody);
            
    }
    

   })
    // modal.find('#colormodel').val(color);
  });


});

$('#closelockid').on('click',function(){
// alert('ji');
    var _token   = $('meta[name="csrf-token"]').attr('content');   
    var id = $('#spid').val();
    //console.log(id); return false;
    $.ajax({
    type: "get",
    url: "{{ route('lock-purchase-order') }}",
    data: {
    id:id,
    _token: _token
    },
    dataType: "json",
    success: function(res) { 
        console.log(res);
     if(res.status === true)
         {
            toastr.success(res.info);
            location.reload();
         }else
         {
           toastr.error(res.info);
         }

    }
    });

});
</script>
@endsection