@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }
    .ufield, .urow {
        display: none;
    }
    .showfield .ufield {
        display: inline;
    }
    .showfield .udata {
        display: none;
    }
    .showfield .urow {
        display: table-row;
    }
    #purchases input[type="number"] {
        max-width: 80px;
        padding: 3px 3px;
    }

    /*
    * 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 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">
                    <thead>
                        <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>ACTION</td>
                        </tr>
                    </thead>
                    <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 class="childflex"><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button> &nbsp; <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>Articles</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>
                        <input type="hidden" name="orderID" id="orderId" class="orderId"  value="{{ $posSalesOrder->id }}">
                                                    {{ $posSalesOrder->manual_ref_no }}
                                                    <hr/>
                        @if(!empty($posSalesOrder->packingslip)  )   
                        <input type="number" name="orderExceed" id="orderExceed"  value="{{ !empty($posSalesOrder->exceed) ? $posSalesOrder->exceed : 0 }}">
                        <button type="button" title="Order Exceed" id="approveOrderExceed" class="btn btn-success approveOrderExceed" >Approval Exceed</button>
                        @endif
                    </td>
                    <td>
                        @php $articles = []; @endphp
                        @foreach($posSalesOrder->Articles as $key => $value)
                         {{ $value->article.'  ' }}
                        @endforeach
                        
                    </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="#" onclick="generateGS1BarCodes({{ $posSalesOrder->id }}, {{ $posSalesOrder->from_pos }});return false;"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-list"></i> Upload GS1 Barcodes Sheet</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>
                              <a target="_blank" class="dropdown-item" href="{{ route('export-gs1barcode-excelsheet',['id' => $posSalesOrder->id]) }}"><small style="font-size:11px;font-weight:bold;"><i class="fa fas fa-eye"></i> Export GS1 Excel Sheet</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>
                              <a class="dropdown-item" href="#" onclick="var v = confirm('Are you sure you want to cancel order ?'); if(v == true){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>

                            </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
                            @if($posSalesOrder->pre_account = 1 && $posSalesOrder->is_draft != 1 && $posSalesOrder->inwardItems->sum('qty') <= 0 )
                            <a title="UnApprove" type="button"  href="{{ route('unapprove-purchase-order',['id' => $posSalesOrder->id]) }}"   onclick="return confirm('Are you sure you would like to send to unapprove purchase order?');" class="btn btn-info" 
                                >UnApprove</a>
                            @endif
                            @if($posSalesOrder->packingslip === 1)
                            <a title="Barcode print" type="button" href="{{ route('purchase-orders.barcodeprint',['id' => $posSalesOrder->id]) }}" class="btn btn-danger">Barcode Print</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 -->

  <div class="modal" id="GS1hsnModal">
    <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('import-gs1barcode-excelsheet') }}" method="post" name="hsnFrm" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="order_id" id="ghorder_id" value="0">
                <input type="hidden" name="warehouse_id" id="gwpos" 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">
                            <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" 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">
    <form method="post" action="{{ route('purchase-orders-data-update') }}">
        @csrf
        <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header" >
          <h5> Purchases Order</h5>
          
          <input type="hidden" id ='perid'>    
          <table class="table table-striped table-bordered" id='orderDetails'>
            <thead>
                <tr>
                    <th>Order No</th>
                    <th>Order Date </th>
                    <th>Total Qty </th>
                    <th>Total PI </th>
                    <th>Brand</th>
                </tr>
            </thead>  
            <tbody>
            </tbody>
          </table> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
        </div>
        <div class="modal-body" > 
             
            <div class="row">
                <div class="col-md-10">
                </div>
                <div class="col-md-2 text-right"><button type="button" class="btn btn-secondary btn-sm ufield" id="cbutton">Cancel</button> <button type="submit" class="btn btn-success btn-sm ufield" id="ubutton">Update</button><button type="button" class="btn btn-primary btn-sm udata" id="uedit">Edit</button></div>
            </div>

            <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>
      
    </form>
    </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 src="{{ asset(BACKEND_THEME_JS_PATH . 'jquery.basictable.min.js') }}"></script>
<script>
    
$(document).ready(function(){
  $(".orderNo").change(function(){
    var _token   = $('meta[name="csrf-token"]').attr('content'); 
    var order_no=$(this).val();
  //  alert(order_no);
    var orderId=$(this).attr('data-oid');
    
    $.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();
                            
                        }  
                        
                    }
                });  
  });
});

$('#approveOrderExceed').on('click',function(){
    console.log('hello');
    var _token   = $('meta[name="csrf-token"]').attr('content');   
    var orderId=$('#orderId').val();
    var orderExceed=$('#orderExceed').val();
    
        $.ajax({
            method: 'POST',
            url: '{{ route('approve-order-exceed') }}',
            data: '_token=' + document.tokenForm._token.value + '&orderId=' + orderId + '&orderExceed=' + orderExceed,
            success: function(result) {
                var response = jQuery.parseJSON(result);
                        //hideLoader();
                if(response.status == false) {
                    toastr.error(response.info);
                } else {                                            
                    toastr.success(response.info);
                        location.reload();
                            
                        }  
                        
                    }
        });  
    });
$('.approveOrderExceed').on('click',function(){
    console.log('hello');
    var _token   = $('meta[name="csrf-token"]').attr('content');   
    var orderId=$(this).siblings('#orderId').val();
    var orderExceed=$(this).siblings('#orderExceed').val();
    
        $.ajax({
            method: 'POST',
            url: '{{ route('approve-order-exceed') }}',
            data: '_token=' + document.tokenForm._token.value + '&orderId=' + orderId + '&orderExceed=' + orderExceed,
            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 generateGS1BarCodes(o,w) {
    $("#ghorder_id").val(o);
    $("#gwpos").val(w);
    $("#GS1hsnModal").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);
        console.log(response.orderFrom);
        $('#warediv').css('display','block'); 
        $('#purchases tbody').html('');  
        $('#orderDetails tbody').html(''); 
        $('#purchases thead').html(''); 
        var brandhtml = '<select name="brand" id="brand" class="form-control ufield">';
        $.each(response.brands, function(k, v) {
            var s = (v.name == response.brand)?' selected="selected"':'';
            brandhtml += '<option value="'+v.id+'" '+s+'>'+v.name+'</option>';
        });
        brandhtml += '</select>';
        var otbody='';        

        otbody += "<tr><td>"+ response.in_ref_no  + "</td><td>" + response.orderDate + "</td><td>"+ response.totalorder + "</td><td>" + response.pi + "</td><td>" + response.brand + brandhtml + "</td></tr>";
       
        $('#orderDetails tbody').append(otbody);       

        $('#purchases thead').append(response.thead);  
        
        if(response.battech == 1){
            $('#uedit').css('display','none');
        }

        const sizearray = [];        
        var theadedit = '<tr class="urow"><th colspan="3"><input type="checkbox" id="allupdate" value="1"> Update all fields<input type="hidden" name="pid" value="'+pid+'"></th>';

        $.each(response.size, function(key, size) { 
             // console.log(size.size);
              sizearray.push(size.size);
              theadedit += '<th><input type="number" id="'+size+'_mrp" value="0" class="form-control cupdate" step=".01"></th>';
        });       

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

        var r_total = [];
        var t_total = 0;
        var thead = '<tr><th>Image</th><th>Article</th><th>Color</th>';
        var rows = 0;
        var p_mrp = 0;
        var cupdates = [];
        $.each(response.data, function(propNames, propVal)
        {          
          console.log(propNames, propVal);           

          var tbody = "";
          var c_total = 0;

          tbody += "<tr class='"+ propVal.article +"'><td><img src='" + propVal.src + "' style='width:50px;' class='img-fluid center-block img-rounded'></td><td><input type='hidden' class='particles' value='"+ propVal.article +"'><span data-toggle='popover' data-placement='top' data-content='"+ response.acodes[propVal.article] +"'>"+ propVal.article  + "</span></td><td>" + propVal.colors + "</td>";
          $.each(propVal.size,function(as_index, as_value){
            console.log(as_index, as_value);
            if(rows==0) {
                thead += '<th>'+as_index+'</th>';
            }
            c_total += as_value.qty;
            if(r_total[as_index])
                r_total[as_index] = parseInt(r_total[as_index]) + as_value.qty;
            else
                r_total[as_index] = as_value.qty;
            t_total += as_value.qty;

            if(as_value.mrp > 0)
            cupdates[as_index+'_mrp'] = as_value.mrp;

            if(as_value.mrp > 0)
            p_mrp = as_value.mrp;
            tbody += "<td><input type='hidden' class='bmrp' value='"+response.pricing[propVal.article][as_index]+"'>" + ( parseInt(as_value.qty) > 0 ? " Qty : " + as_value.qty + "</br>  PP :" + as_value.pp +"</br> WSP :"+ as_value.wsp + "</br> MRP :<span class='udata'>" +  as_value.mrp + "</span><span class='ufield'><input type='number' name='mrp["+propVal.article+"][" + propVal.colors +"][" + as_index +"]' value='" + as_value.mrp +"' step='.01' class='p_mrp ufield " + as_index +"_mrp' data-price='"+response.pricing[propVal.article][as_index]+"' data-mrps='"+ as_value.mrp +"'></span></br> Inward :" + as_value.in : 0 ) +"</td>";
          });
          
          tbody += "<td>" + c_total + "</td></tr>";
          if(rows==0) {
            thead += '<th>Total</th></tr>';
            theadedit += '<th></th></tr>';
          }
          rows++;
          
           $('#purchases tbody').append(tbody);
           $('#purchases thead').html(theadedit);
           $('#purchases thead').append(thead);

        });        
        
        for(var j in cupdates){
            $('#'+j).val(cupdates[j]);
        }

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

        gtbody += "<tr><td></td><td></td><td></td>";          
        
        for(var r_index in r_total){
            gtbody += "<td>"+ r_total[r_index] +"</td>";
        }  

        gtbody += "<td>"+ t_total +"</td></tr>";
                    
        $('#purchases tbody').append(gtbody);
        $('[data-toggle="popover"]').popover();            
    }   

   })
    // 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);
  });

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

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

$('#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);
         }

    }
    });

});
$('#uedit').click(function() {
    $('#purchaseModal .modal-content').addClass('showfield');
});
$('#cbutton').click(function() {
    $('#purchaseModal .modal-content').removeClass('showfield');
});
$('body').on('change', '.cupdate', function() {
    if($('#allupdate').is(':checked'))
        $('#purchases .p_mrp').val($(this).val());
    else {
        $('#purchases .'+$(this).attr('id')).val($(this).val());
    }
});
$('body').on('change', '#brand.ufield', function() {
    var articles = [];
    var i = 0;
    $('#purchases tbody tr').each(function() {
        if($(this).find('.particles').val())
        if(jQuery.inArray($(this).find('.particles').val(), articles) !== -1) {
        }
        else {
            articles[i++] = $(this).find('.particles').val();
        }
    });
    if(articles) {
        console.log(articles);
        var _token   = document.tokenForm._token.value;
        var brand_id = $(this).val();
        $.ajax({
            type: "post",
            url: "{{ route('purchase-order-price-calculate') }}",
            data: {
                brand_id: brand_id,
                article: articles,
                _token: _token
            },
            dataType: "json",
            success: function(result) {
                if(result.status === true) {
                    toastr.success(result.info);
                    var omrp = '';
                    var oprice = '';
                    $.each(result.pricing, function(key, classes) {
                        //console.log(classes);
                        $.each(classes, function(classs, prices) {
                            if($('#purchases tbody tr.'+key+' .'+classs).length) {
                                //console.log(classs+'-'+prices);
                                omrp = parseFloat($('#purchases tbody tr.'+key+' .'+classs).attr('data-price'));
                                oprice = parseFloat($('#purchases tbody tr.'+key+' .'+classs).attr('data-mrps'));
                                //console.log('omrp'+omrp);
                                var newprice = oprice/omrp*prices;
                                //console.log('newprice'+newprice);
                                $($('#purchases tbody tr.'+key+' .'+classs)).val(priceround(newprice));
                                $($('#purchases #'+classs)).val(priceround(newprice));
                            }
                        });
                    });
                    $('#purchases tbody tr').each(function() {
                        if($(this).find('.particles').val())
                        if(jQuery.inArray($(this).find('.particles').val(), articles) !== -1) {
                        }
                        else {
                            articles[i++] = $(this).find('.particles').val();
                        }
                    });
                }
                else {
                    toastr.error(result.info);
                }
            },
            error: function () {
                    toastr.error('Something went wrong');
            }
        });
    }
});
</script>
@endsection