@extends('layouts.template')

@section('content')      
<section class="booking-update" id="accident-status">
<div class="container" style="width:97% !important">
  <div class="row">
    <h1 class="heading" style="margin-left:10px;margin-right:10px;">Booking Update  :  
      @if(Auth::user()->logistic_type == '2') 
        Export
      @endif  

      @if(Auth::user()->logistic_type == '1') 
        Import 
      @endif
      <a href="{{ url('logistic/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a>
      <span class="label label-danger" style="float:right;font-size: 52%;margin-right: 10px;">Total : {{ $count }} Alarm </span>
    </h1>
    @if(Session::has('flash_message'))
      <div class="row">
        <div class="col-md-12">
            <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
        </div> 
      </div>   
    @endif
    <div class="table-heading" style="padding:0;">
      <h4 class="col-md-3 col-sm-3 col-xs-12" style="padding-left:10px;">Booking Update</h4>
      <div class="col-md-9 col-sm-9 col-xs-12">
        {!! Form::open(['method' => 'GET', 'url' => '/logistic/order', 'role' => 'search'])  !!}
          <span><input type="text" placeholder="search by Booking no, Customer , Shipper , Shipping line, Cargo type" name="search" id="" > </span>
        {!! Form::close() !!}
        <a href="{{ url('/logistic/order/create') }}" class="newbooking" title="Create New Booking" style="margin-right:5px;">create new booking</a>
       <!--  @if(Auth::user()->logistic_type == '1')
          <a href="{{ URL::to('downloadExcelImport/xls') }}" class="newbooking" style="margin-right:5px;">Download Excel</a>
        @endif
        @if(Auth::user()->logistic_type == '2')
          <a href="{{ URL::to('downloadExcelExport/xls') }}" class="newbooking" style="margin-right:5px;">Download Excel</a>
        @endif -->
      </div>
    </div>
    <div class="table-responsive">
      @if(Auth::user()->logistic_type == '2') 
      <table class="table" id="my-table">
        <thead>
          <tr>
            <th class="orderid">Id</th>
            <th>Order Id</th>
            <th>Booking No</th>     
            <th>Customer</th>
            <th>Customer Ref</th>  
            <th>Origin</th>  
            <th>Destination</th>
            <th>Load Port</th>
            <th>Line</th>
            <th>Cargo</th>
            <th>Product</th>
            <th>20'</th>
            <th>40'</th>
            <th>Tons</th>
            <th>Vessel</th>
            <th>Voyage</th>
            <th>ETA</th>
            <th>Stack Open</th>
            <th>Stack Close</th>
            <th>Arrived</th>
            <th>ETD</th>
            <th>Sailed</th>
            <th>VGM</th>
            <th>MR</th>
            <!-- <th>Storage Start</th>
            <th>Detention</th> -->
           <!--  <th>Documents</th> -->
            <th>Status</th>
            <th>Truck Info</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          @foreach($order as $item)
                    @if($item->deleted == 1)
          <tr style="background:#d3d3d3;">
            <td class="orderid">{{ $item->id }}</td>
            <td> 
              @if($item->logistic_type == '2') 
                XI{{ $item->id }} 
              @endif  

              @if($item->logistic_type == '1') 
                IE{{ $item->id }}
              @endif
            </td>
            <td>{{ $item->booking_no }}</td>
            <td>{{ $item->customer['name'] }}</td>
            <td>{{ $item->customer_ref }}</td>
            <td>{{ $item->origin['origin'] }}</td>
            <td>{{ $item->destination['destination'] }}</td>
            <td>{{ $item->loadingport['port_name'] }}</td>
            <td>{{ $item->shipping_line['name'] }}</td>
            <td>{{ $item->type }}</td>
            <td>{{ $item->product['name'] }}</td>
            <td>{{ $item->quantity_20 }}</td>
            <td>{{ $item->quantity_40 }}</td>
            <td>{{ $item->tons }}</td>
            <td>{{ $item->vessel['vessel'] }}</td>
            <td>{{ $item->vessel['voyage'] }}</td>
            <td>{{ $item->vessel['eta'] }}</td>
            <td>{{ $item->vessel['stack_open'] }}</td>
            <td>{{ $item->vessel['stack_close'] }}</td>
            <td>{{ $item->vessel['berth'] }}</td>
            <td>{{ $item->vessel['etd'] }}</td> 
            <td>{{ $item->vessel['depature'] }}</td> 
            <td>{{ $item->vessel['vgm'] }}</td> 
            <td>{{ $item->vessel['mates_receipt'] }}</td> 
            
                       <!--  <td>1970-01-13</td> -->
                        <!-- <td>1970-01-01</td> -->
            <!-- <td>{{ $item->date_of_receipt }}</td> -->
            <td>Cancel</td>
            <td class="cancel"></td>
          </tr>
          @else
           <tr>
            <td class="orderid">{{ $item->id }}</td>
            <td> 
              @if($item->logistic_type == '2') 
                XI{{ $item->id }} 
              @endif  

              @if($item->logistic_type == '1') 
                IE{{ $item->id }}
              @endif
            </td>
            <td>{{ $item->booking_no }}</td>
            <td>{{ $item->customer['name'] }}</td>
            <td>{{ $item->customer_ref }}</td>
            <td>{{ $item->origin['origin'] }}</td>
            <td>{{ $item->destination['destination'] }}</td>
            <td>{{ $item->loadingport['port_name'] }}</td>
            <td>{{ $item->shipping_line['name'] }}</td>
            <td>{{ $item->type }}</td>
            <td>{{ $item->product['name'] }}</td>
            <td>{{ $item->quantity_20 }}</td>
            <td>{{ $item->quantity_40 }}</td>
            <td>{{ $item->tons }}</td>
            <td>{{ $item->vessel['vessel'] }}</td>
            <td>{{ $item->vessel['voyage'] }}</td>
            <td>{{ $item->vessel['eta'] }}</td>
            <td>{{ $item->vessel['stack_open'] }}</td>
            <td>{{ $item->vessel['stack_close'] }}</td>
            <td>{{ $item->vessel['berth'] }}</td>
            <td>{{ $item->vessel['etd'] }}</td>
            <td>{{ $item->vessel['vgm'] }}</td> 
            <td>{{ $item->vessel['mates_receipt'] }}</td> 
            <td>{{ $item->vessel['depature'] }}</td>
                         <!-- <td>1970-01-13</td>  -->
                         <!-- <td>1970-01-01</td> -->
            <!-- <td>{{ $item->date_of_receipt }}</td> -->
            <td>
              @if($item->status == 'Under_Clearance') <span style="background-color:yellow;color:orange;padding:10px;"> Under Clearance </span>@endif
              @if($item->status == 'Booking_Received')  <span style="background-color:silver;color:white;padding:10px;"> Booking Received </span>@endif
              @if($item->status == 'Document_Received') <span style="background-color:yellow;color:white;padding:10px;"> Document Received </span>@endif
              @if($item->status == 'Ready_for_Loading') <span style="background-color:green;color:white;padding:10px;"> Ready for Loading </span>@endif
              @if($item->status == 'Cleared')  <span style="background-color:yellow;color:orange;padding:10px;"> Cleared </span> @endif
              @if($item->status == 'Offloaded')  <span style="background-color:grey;color:white;padding:10px;"> Offloaded </span>@endif
              @if($item->status == 'Invoiced_Received')  <span style="background-color:blue;color:white;padding:10px;"> Invoiced Received </span> @endif
              @if($item->status == 'Loaded')  <span style="background-color:orange;color:white;padding:10px;"> Loaded </span> @endif
              @if($item->status == 'In_Transit')  <span style="background-color:orange;color:white;padding:10px;"> In Transit </span> @endif
            </td>
            <td>
                        </td>
            <td><button class="btn btn-warning detail" data-orderid="{{ $item->id }}" data-vgm="{{ $item->vessel['vgm'] }}" data-mr="{{ $item->vessel['mates_receipt'] }}" data-open="{{ $item->vessel['stack_open'] }}" data-close="{{ $item->vessel['stack_close'] }}" data-eta="{{ $item->vessel['eta'] }}" data-etd="{{ $item->vessel['etd'] }}" data-berth="{{ $item->vessel['berth'] }}" data-depature="{{ $item->vessel['depature'] }}"><i class="fa fa-eye"></i></button> <a href="{{ url('/logistic/order/' . $item->id . '/edit') }}" title="Edit Order"><button class="btn btn-primary"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></a></td>
            <!--  <td>
              
              {!! Form::open([
                    'method'=>'DELETE',
                    'url' => ['/logistic/order', $item->id],
                    'style' => 'display:inline'
              ]) !!}
              {!! Form::button('<i class="fa fa-times" aria-hidden="true"></i>', array(
                            'type' => 'submit',
                            'class' => 'btn btn-danger btn-xs',
                            'title' => 'Delete Order',
                            'onclick'=>'return confirm("Confirm Cancel?")'
              )) !!}
              {!! Form::close() !!} 
            </td> -->
          </tr>
          @endif
          @endforeach
        </tbody>
      </table>
      @endif

      @if(Auth::user()->logistic_type == '1') 
      <table class="table" id="my-table">
        <thead>
          <tr>
          	<th class="orderid">Id</th>
            <th>Order Id</th>
            <th>Bill of Lading</th>   
            <th>Customer</th>
            <th>Customer Ref</th>  
            <th>Origin</th>  
            <th>Destination</th>
            <th>Discharge Port</th>
            <th>Line</th>
            <th>Cargo</th>
            <th>Product</th>
            <th>20'</th>
            <th>40'</th>
            <th>Tons</th>
            <th>Vessel</th>
            <th>Voyage</th>
            <th>ETA</th>
            <th>Arrived</th>
            <th>Storage Start</th>
            <th>Detention</th>
            <!-- <th>Documents</th> -->
            <th>Status</th>
            <th>Truck Info</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          @foreach($order as $item)
                    @if($item->deleted == 1)
          <tr style="background:#d3d3d3;">
          	<td class="orderid">{{ $item->id }}</td>
            <td> 
              @if($item->logistic_type == '2') 
                XI{{ $item->id }} 
              @endif  

              @if($item->logistic_type == '1') 
                IE{{ $item->id }}
              @endif
            </td>
            <td>{{ $item->lading_bill }}</td>
            <td>{{ $item->customer['name'] }}</td>
            <td>{{ $item->customer_ref }}</td>
            <td>{{ $item->origin['origin'] }}</td>
            <td>{{ $item->destination['destination'] }}</td>
            <td>{{ $item->dischargeport['port_name'] }}</td>
            <td>{{ $item->shipping_line['name'] }}</td>
            <td>{{ $item->type }}</td>
            <td>{{ $item->product['name'] }}</td>
            <td>{{ $item->quantity_20 }}</td>
            <td>{{ $item->quantity_40 }}</td>
            <td>{{ $item->tons }}</td>
            <td>{{ $item->vessel['vessel'] }}</td>
            <td>{{ $item->vessel['voyage'] }}</td>
            <td>{{ $item->vessel['eta'] }}</td>
            <td>{{ $item->vessel['berth'] }}</td>
                        <td>1970-01-13</td>
                        <td>1970-01-01</td>
            <!-- <td>{{ $item->date_of_receipt }}</td> -->
            <td>Cancel</td>
            <td class="cancel"></td>
          </tr>
          @else
           <tr>
            <td class="orderid">{{ $item->id }}</td>
            <td> 
              @if($item->logistic_type == '2') 
                XI{{ $item->id }} 
              @endif  

              @if($item->logistic_type == '1') 
                IE{{ $item->id }}
              @endif
            </td>
            <td>{{ $item->lading_bill }}</td>
            <td>{{ $item->customer['name'] }}</td>
            <td>{{ $item->customer_ref }}</td>
            <td>{{ $item->origin['origin'] }}</td>
            <td>{{ $item->destination['destination'] }}</td>
            <td>{{ $item->dischargeport['port_name'] }}</td>
            <td>{{ $item->shipping_line['name'] }}</td>
            <td>{{ $item->type }}</td>
            <td>{{ $item->product['name'] }}</td>
            <td>{{ $item->quantity_20 }}</td>
            <td>{{ $item->quantity_40 }}</td>
            <td>{{ $item->tons }}</td>
            <td>{{ $item->vessel['vessel'] }}</td>
            <td>{{ $item->vessel['voyage'] }}</td>
            <td>{{ $item->vessel['eta'] }}</td>
            <td>{{ $item->vessel['berth'] }}</td>
                        <td>1970-01-13</td> 
                         <td>1970-01-01</td>
            <!-- <td>{{ $item->date_of_receipt }}</td> -->
            <td>
              @if($item->status == 'Under_Clearance') <span style="background-color:yellow;color:orange;padding:10px;"> Under Clearance </span>@endif
              @if($item->status == 'Booking_Received')  <span style="background-color:silver;color:white;padding:10px;"> Booking Received </span>@endif
              @if($item->status == 'Document_Received') <span style="background-color:yellow;color:white;padding:10px;"> Document Received </span>@endif
              @if($item->status == 'Ready_for_Loading') <span style="background-color:green;color:white;padding:10px;"> Ready for Loading </span>@endif
              @if($item->status == 'Cleared')  <span style="background-color:yellow;color:orange;padding:10px;"> Cleared </span> @endif
              @if($item->status == 'Offloaded')  <span style="background-color:grey;color:white;padding:10px;"> Offloaded </span>@endif
              @if($item->status == 'Invoiced_Received')  <span style="background-color:blue;color:white;padding:10px;"> Invoiced Received </span> @endif
              @if($item->status == 'Loaded')  <span style="background-color:orange;color:white;padding:10px;"> Loaded </span> @endif
              @if($item->status == 'In_Transit')  <span style="background-color:orange;color:white;padding:10px;"> In Transit </span> @endif
            </td>
            <td>
                        </td>
            <td><button class="btn btn-warning detail" data-type="{{ $item->type }}" data-twentycount="{{ $item->quantity_20 }}" data-fortycount="{{ $item->quantity_40 }}" data-orderid="{{ $item->id }}" data-vgm="{{ $item->vessel['vgm'] }}" data-mr="{{ $item->vessel['mates_receipt'] }}" data-open="{{ $item->vessel['stack_open'] }}" data-close="{{ $item->vessel['stack_close'] }}" data-eta="{{ $item->vessel['eta'] }}" data-etd="{{ $item->vessel['etd'] }}" data-berth="{{ $item->vessel['berth'] }}" data-depature="{{ $item->vessel['depature'] }}"><i class="fa fa-eye"></i></button>  <a href="{{ url('/logistic/order/' . $item->id . '/edit') }}" title="Edit Order"><button class="btn btn-primary"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></a></td>
            <!--  <td>
             
              {!! Form::open([
                    'method'=>'DELETE',
                    'url' => ['/logistic/order', $item->id],
                    'style' => 'display:inline'
              ]) !!}
              {!! Form::button('<i class="fa fa-times" aria-hidden="true"></i>', array(
                            'type' => 'submit',
                            'class' => 'btn btn-danger btn-xs',
                            'title' => 'Delete Order',
                            'onclick'=>'return confirm("Confirm Cancel?")'
              )) !!}
              {!! Form::close() !!} 
            </td> -->
          </tr>
          @endif
          @endforeach
        </tbody>
      </table>
      @endif
      <div class="pagination-wrapper"> {!! $order->appends(['search' => Request::get('search')])->render() !!} </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="truckModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">

      {!! Form::open(['url' => '/logistic/order/truck', 'id' => 'myform', 'class' => 'form-horizontal', 'files' => true]) !!}
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Truck Info</h4>
      </div>
      <div class="modal-body">
        <table class="table trucktable">
        <thead>
          <th>Container</th>
          <th>Seal</th>
          <th>Size</th>
          <th>Transporter</th>
          <th>Truck</th>
          <th>Trailer</th>
          <th>Driver</th>
          @if(Auth::user()->logistic_type == '1')
          <th>Identity</th>
          <th>Driver Licence</th>
          @endif
          <th>Load</th>
          <th>OffLoad</th>
          <th>Location</th>
          <th>Remark</th>
          <th>Status</th>
          <th>Selected Status</th>
          <th>Upload</th>
          <!-- <th>Grounded Date</th> --> 
        </thead>
        <tbody class="truckdata">
          
        </tbody>
        </table>
      </div>
      <!-- @if(Auth::user()->type == 'admin') -->
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Save changes</button>
      </div>
      <!-- @else
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" disabled="true">Save changes</button>
      </div>
      @endif -->
       {!! Form::close() !!}
    </div>
  </div>
</div>

<!-- Tab -->
<div class="tools-control-table status-table container" style="width:99% !important">
  <div class="panel with-nav-tabs panel-default">
    <div class="panel-heading table-heading">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#status" data-toggle="tab"> Status </a></li>
        <li><a href="#internal_control" data-toggle="tab">Internal Control <span class="label label-warning count"></span></a></li> 
        @if(Auth::user()->logistic_type == '1') 
        <li class="containermain"><a href="#empty_container" data-toggle="tab">Empty Container Return</a></li>
        @endif

      </ul>
    </div>
    <div class="panel-body">
      <div class="tab-content">

        <div class="tab-pane fade in active" id="status">
          <div class="col-md-6">
            {!! Form::open(['method' => 'POST', 'url' => '/logistic/order/save_status','files' => true])  !!} 
            <div class="form-border">

              <div class="form-group col-md-4">
                <input type="hidden" class="order_id form-control" name="order_id" readonly="true">
                <label>Status</label>
                
                <select name="status" class="form-control" required="true">
                  <option value="">Select Status</option>
                  <option value="Booking_Received">Booking Received</option>
                  <option value="Document_Received">Document Received</option>
                  <option value="Under_Clearance">Under Clearance</option>
                  <option value="Cleared">Cleared</option>
                  <option value="Ready_for_Loading">Ready For Loading</option>
                  <option value="Offloaded">Offloaded</option>
                  <option value="Invoiced_Received">Invoice Received</option>
                  <option value="Loaded">Loaded</option>
                  <option value="In_Transit">In Transit</option>
                </select>
              
              </div>

              <div class="form-group col-md-4">
                <label>Date</label>
                <input type="date" class="form-control" name="date" placeholder="Enter Date" required="true">
              </div>

              <div class="form-group col-md-4">
                <label>Upload</label>
                <input type="file" class="form-control"  name="upload_file">
              </div>

              <div class="form-group col-md-12">
                <br/>
                <input type="submit" class="btn btn-success" value="ADD">
              </div>       
            </div>
            {!! Form::close() !!}
          </div>
          <div class="col-md-6">
            <div class="row">
              <div class="table-heading">
                <h4 class="col-md-6 col-sm-6 col-xs-6">Log</h4>
              </div>
              <div class="table-responsive tableContainer" id="status-log-table tableContainer">
                <table class="table scrollTable">
                  <thead class="fixedHeader">
                    <tr>
                      <th width="33.33%">Status</th>
                      <th width="33.33%"">Date</th>
                      <th width="33.33%">Upload</th>
                    </tr>
                  </thead>
                  <tbody class="statusdetail scrollContent">
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

        <div class="tab-pane fade" id="internal_control">
          <div class="col-md-6">
            {!! Form::open(['method' => 'POST', 'url' => '/logistic/order/save_order_internal_control','files' => true])  !!} 
            <div class="form-border">
              <div class="form-group col-md-3">
                <input type="hidden" class="order_id form-control" name="order_id" readonly="true">
                <label>Status</label>
                {!! Form::select('status',[''=>'Select Status']+$page_data['status']->toArray(),null,['class'=>'form-control','required'=>'true']) !!}
              </div>

              <div class="form-group col-md-3">
                <label>Date</label>
                <input type="date" class="form-control" name="date" placeholder="Enter Date" required="true">
              </div>

              <div class="form-group col-md-3">
                <label>Picture</label>
                <input type="file" class="form-control" name="picture">
              </div>
            
              <div class="form-group col-md-3">
                <label>Remark</label>
                <input type="text" class="form-control" placeholder="Enter Remark" name="remark" required="true">
              </div>

              <div class="form-group col-md-12">
                <br/>
                <input type="submit" class="btn btn-success" value="ADD">
              </div>       
            </div>
            {!! Form::close() !!}
          </div>
          <div class="col-md-6">
            <div class="row">
              <div class="table-heading">
                <h4 class="col-md-6 col-sm-6 col-xs-6">Log</h4>
              </div>
              <div class="table-responsive tableContainer" id="status-log-table tableContainer">
                <table class="table scrollTable">
                  <thead class="fixedHeader">
                    <tr>
                      <th width="20%">Status</th>
                      <th width="20%">Date</th>
                      <th width="20%">Deadline</th>
                      <th width="20%">Overdue</th>
                      <th width="20%">Remark</th>
                    </tr>
                  </thead>
                  <tbody class="internalcontrol scrollContent">
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

        <div class="tab-pane fade" id="empty_container">
          <div class="col-md-12">
            {!! Form::open(['method' => 'POST', 'url' => '/logistic/order/save_order_container','files' => true])  !!} 
            <div class="row">
              <div class="table-responsive">
                <table class="table">
                  <thead>
                    <tr>
                      <th>Container</th>
                      <th>Size</th>
                      <th>Transporter</th>
                      <th>Truck</th>
                      <th>Trailer</th>
                      <th>Driver</th>
                      <th>Location</th>
                      <th>Detention</th>
                      <th>Grounded</th>
                      <th>Status</th>
                      <th>Remark</th>
                      <th>Upload</th>
                    </tr>
                  </thead>
                  <tbody class="emptycontainer">
                  </tbody>
                </table>
              </div>
            </div>
            <div class="row">
              <br/>
              <input type="submit" class="btn btn-success" value="Update">
            </div>      
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</section> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script type="text/javascript">
  $(".alert").fadeTo(2000, 500).slideUp(500, function(){
    $(".alert").alert('close');
  });

  $(document).ready(function(){
    $('.detail').click(function(){
      $(this).closest("tr").siblings().removeClass("diffColor");
      $(this).parents("tr").toggleClass("diffColor", this.clicked);

      $(".status-table").hide();
      $(".status-table").show("slow").addClass("slideInLeft");

      var orderid = $(this).data('orderid');
      $('.order_id').val(orderid);

      var tcount  = $(this).data('twentycount');
      var fcount  = $(this).data('fortycount');

      var html    = '';

      // empty container
      $.ajax({
        url: 'order/getcontainer/' + orderid,
        type: 'get',
        dataType: 'json',
        success: function (data) {
          if(data.data.length == 0)
          {
            if(tcount != '0' || fcount !='0')
            {
              $('.containermain').show();
              for (var i = 0; i< tcount; i++) {
                var container20 = data.cargos20[i].container;
                var transporter = data.cargos20[i].transporter_name;
                var trailer = data.cargos20[i].trailer;
                var truck = data.cargos20[i].truck;
                var driver = data.cargos20[i].driver;
                
                var seal20 = data.cargos20[i].seal_nr;
                html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'">';
                html += '<td><input type="text" name="container[]" value="'+container20+'"></td>';
                html += '<td>{!! Form::text("size[]",20,["class" =>""]) !!}</td>';
                html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
                html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
                html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
                html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
                html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::text("detention[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::select("status[]",[""=>"Select Status","In_Transit"=>"In Transit","Arrived"=>"Arrived","Waiting_To_Ground"=>"Waiting To Ground","Grounded"=>"Grounded"],null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::file("upload[]",null,["class" =>""]) !!}</td></tr>';     
              }

              for (var i = 0; i< fcount; i++) {
                var container40 = data.cargos40[i].container;
                var transporter = data.cargos40[i].transporter_name;
                var trailer = data.cargos40[i].trailer;
                var truck = data.cargos40[i].truck;
                var driver = data.cargos40[i].driver;
                var seal40 = data.cargos40[i].seal_nr;
                html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'">';
                html += '<td><input type="text" name="container[]" value="'+container40+'"></td>';
                html += '<td>{!! Form::text("size[]",40,["class" =>""]) !!}</td>';
                html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
                html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
                html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
                html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
                html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::text("detention[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::select("status[]",[""=>"Select Status","In_Transit"=>"In Transit","Arrived"=>"Arrived","Waiting_To_Ground"=>"Waiting To Ground","Grounded"=>"Grounded"],null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
                html += '<td>{!! Form::file("upload[]",null,["class" =>""]) !!}</td></tr>';
                // html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
              }

              $('.emptycontainer').html(html);
            }
            else
            {
              $('.containermain').hide();
            }
          }
          else
          {
            $.each(data.data, function (index, truckdata) {
      
                html += '<tr><input type="hidden" name="order_id[]" value="'+truckdata.order_id+'"><input class="form-control" type="hidden" name="truck_id[]" value="'+truckdata.id+'">';
                html += '<td><input type="text" name="container[]" value="'+truckdata.container+'"></td>';
                html += '<td><input type="text" name="size[]" value="'+truckdata.size+'" readonly></td>';
                html += '<td><input type="text" name="transporter[]" value="'+truckdata.transporter+'"></td>';
                html += '<td><input type="text" name="truck[]" value="'+truckdata.truck+'"></td>';
                html += '<td><input type="text" name="trailer[]" value="'+truckdata.trailer+'"></td>';
                html += '<td><input type="text" name="driver[]" value="'+truckdata.driver+'"></td>';
                html += '<td><input type="text" name="location[]" value="'+truckdata.location+'"></td>';
                html += '<td><input type="text" name="detention[]" value="'+truckdata.detention+'"></td>';
                html += '<td><input type="date" name="date[]" value="'+truckdata.date+'"></td>';
                
                html += '<td><select name="status[]"><option value="">Select Status</option>';
                if(truckdata.status == 'In_Transit')
                {
                  html += '<option value="In_Transit" selected>In Transit</option><option value="Arrived">Arrived</option><option value="Waiting_To_Ground">Waiting To Ground</option> <option value="Grounded">Grounded</option>';
                }

                if(truckdata.status == 'Arrived')
                {
                   html += '<option value="In_Transit">In Transit</option><option value="Arrived" selected>Arrived</option><option value="Waiting_To_Ground">Waiting To Ground</option> <option value="Grounded">Grounded</option>';
                }

                if(truckdata.status == 'Waiting_To_Ground')
                {
                  html += '<option value="In_Transit">In Transit</option><option value="Arrived">Arrived</option><option value="Waiting_To_Ground" selected>Waiting To Ground</option> <option value="Grounded">Grounded</option>';
                }

                if(truckdata.status == 'Grounded')
                {
                  html += '<option value="In_Transit">In Transit</option><option value="Arrived">Arrived</option><option value="Waiting_To_Ground">Waiting To Ground</option> <option value="Grounded" selected>Grounded</option>';
                }

                if(truckdata.status == '')
                {
                  html += '<option value="In_Transit">In Transit</option><option value="Arrived">Arrived</option><option value="Waiting_To_Ground">Waiting To Ground</option> <option value="Grounded">Grounded</option>';
                }

                html += '</select></td>';
                
                html += '<td><input type="text" name="remark[]" value="'+truckdata.remark+'"></td>';
                
                if(truckdata.upload)
                {
                  html += '<td><a href="{{ url("files") }}/'+truckdata.document+'">View</a></td></tr>';
                }
                else
                {
                  html += '<td>{!! Form::file("upload[]",null,["class" =>""]) !!}</td></tr>';
                }

                $('.emptycontainer').html(html);
            });
          }  
        }
      });

      var vgm = $(this).data('vgm');
      var mr  = $(this).data('mr');
      var open = $(this).data('open');
      var close = $(this).data('close');
      var eta = $(this).data('eta');
      var etd = $(this).data('etd');
      var berth = $(this).data('berth');
      var depature = $(this).data('depature');

      // status List
      $.ajax({
        url: "{{URL::to('logistic/order/get_order_status')}}",
        type: 'POST',
        dataType: 'json',
        data: {'order_id': orderid, '_token': '{{csrf_token()}}'},
        success: function (response) {  
          if(response.data !='')
          {
            $('.statusdetail').html('');
            $.each(response.data, function (index,value) {
              if(value.upload_file !='')
              {
                $('.statusdetail').append('<tr><td width="33.33%">'+value.status+'</td><td width="33.33%">'+value.date+'</td><td width="33.33%"><a target="_blank" href="{{ url("files")}}/'+value.upload_file+'">View</a></td></tr>');  
              }
              else
              {
                $('.statusdetail').append('<tr><td width="33.33%">'+value.status+'</td><td width="33.33%">'+value.date+'</td><td width="33.33%">No File</td></tr>');
              }
              
            });     
          }
          else
          {
            $('.statusdetail').html('');
            $('.statusdetail').append('<tr><td width="100%" colspan="3">No Data Found</td></tr>');
          }
        }
      });

       // ic List
      $.ajax({
        url: "{{URL::to('logistic/order/get_order_internal_control')}}",
        type: 'POST',
        dataType: 'json',
        data: {'order_id': orderid, '_token': '{{csrf_token()}}'},
        success: function (response) {  
          if(response.data !='')
          {
            $('.internalcontrol').html('');
            var count = 0;
            $.each(response.data, function (index,value) {
              var today = moment().format("YYYY-MM-DD");

              if(value.based_on == 'vgm' && value.action == '+'){
               
                var new_date = moment(vgm, "YYYY-MM-DD").add('days',value.trigger);
              }
              if(value.based_on == 'vgm' && value.action == '-'){
              
                var new_date = moment(vgm, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'mr' && value.action == '+'){
                var new_date = moment(mr, "YYYY-MM-DD").add('days',value.trigger);
              }
              if(value.based_on == 'mr' && value.action == '-'){
                var new_date = moment(mr, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'open' && value.action == '+'){
                var new_date = moment(open, "YYYY-MM-DD").add('days',value.trigger);
              }
              if(value.based_on == 'open' && value.action == '-')
              {
                var new_date = moment(open, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'closed' && value.action == '+'){
                var new_date = moment(close, "YYYY-MM-DD").add('days',value.trigger);
              }

              if(value.based_on == 'closed' && value.action == '-'){
                var new_date = moment(close, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'eta' && value.action == '+'){
                var new_date = moment(eta, "YYYY-MM-DD").add('days',value.trigger);
              }

              if(value.based_on == 'eta' && value.action == '-'){
                var new_date = moment(eta, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'etd' && value.action == '+'){
                var new_date = moment(etd, "YYYY-MM-DD").add('days',value.trigger);
              }

              if(value.based_on == 'etd' && value.action == '-'){
                var new_date = moment(etd, "YYYY-MM-DD").subtract(value.trigger,'days');
              }
              
              if(value.based_on == 'berth' && value.action == '+'){
                var new_date = moment(berth, "YYYY-MM-DD").add('days',value.trigger);
              }

              if(value.based_on == 'berth' && value.action == '-'){
                var new_date = moment(berth, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              if(value.based_on == 'depature' && value.action == '+'){
                var new_date = moment(depature, "YYYY-MM-DD").add('days',value.trigger);
              }

              if(value.based_on == 'depature' && value.action == '-'){
                var new_date = moment(depature, "YYYY-MM-DD").subtract(value.trigger,'days');
              }

              var day = new_date.format('DD');
              var month = new_date.format('MM');
              var year = new_date.format('YYYY');

              var startDate = moment(value.date,"YYYY-MM-DD");
              var endDate = moment(year + '-' + month + '-' + day,"YYYY-MM-DD");
            
              if(value.date !='0000-00-00' || value.date !=''){
                var result = startDate.diff(endDate, 'days');
                var check = parseInt(startDate.diff(endDate,'days'));
              }

              if(value.date =='0000-00-00' || value.date ==''){
                var a = moment(today,"YYYY-MM-DD");
                var result = a.diff(endDate,'days');
                var check = parseInt(a.diff(endDate,'days'));
              }
             
              if(check < 0)
              { 
                $('.internalcontrol').append('<tr><td width="20%">'+value.status+'</td><td width="20%">'+value.date+'</td><td width="20%">'+(year + '-' + month + '-' + day)+'</td><td width="20%">'+result+'</td><td width="20%">'+value.remark+'</td></tr>');
              }
              else
              {  
                if(value.date =='0000-00-00' || value.date ==''){
                  count++; 
                  
                  $('.internalcontrol').append('<tr><td width="20%" style="color:white;background:red;">'+value.status+'</td><td style="color:white;background:red;" width="20%">'+value.date+'</td><td width="20%" style="color:white;background:red;">'+(year + '-' + month + '-' + day)+'</td><td width="20%" style="color:white;background:red;">'+result+'</td><td width="20%" style="color:white;background:red;">'+value.remark+'</td></tr>');
                  $('.count').html(count);
                }
                else{
                 
                  $('.internalcontrol').append('<tr><td width="20%">'+value.status+'</td><td width="20%">'+value.date+'</td><td width="20%">'+(year + '-' + month + '-' + day)+'</td><td width="20%">'+result+'</td><td width="20%">'+value.remark+'</td></tr>'); 
                }
                
              }
              
            });     
          }
          else
          {
            $('.count').html('');
            $('.internalcontrol').html('');
            $('.internalcontrol').append('<tr><td width="100%" colspan="5">No Data Found</td></tr>');
          }
        }
      });
  
    });

    $('.cancel').next('td').html("");
    $('.orderid').css('display','none');
  });
</script>

@if(Auth::user()->logistic_type == '2') 
<script type="text/javascript">
  $(document).ready(function(){
    $('.truckinfo').click(function(){
      var orderid = $(this).attr('data-id');
      var tcount  = $(this).attr('data-twentycount');
      var fcount  = $(this).attr('data-fortycount');

      var html    = '';

      $.ajax({
        url: 'order/gettruck/' + orderid,
        type: 'get',
        dataType: 'json',
        success: function (data) {
          if(data.data.length == 0)
          {
            for (var i = 0; i< tcount; i++) {
              var cargo_id    = data.cargos20[i].id;
              var container20 = data.cargos20[i].container;
              var transporter = data.cargos20[i].transporter_name;
              var trailer = data.cargos20[i].trailer;
              var truck = data.cargos20[i].truck;
              var driver = data.cargos20[i].driver;
              
              var seal20 = data.cargos20[i].seal_nr;
              html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'"><input type="hidden" name="cargo_id[]" value="'+cargo_id+'">';
              html += '<td><input type="text" name="container[]" value="'+container20+'"></td>';
              html += '<td><input type="text" name="seal[]" value="'+seal20+'"></td>';
              html += '<td>{!! Form::text("size[]",20,["class" =>""]) !!}</td>';
              html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
              html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
              html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
              html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
             
              html += '<td>{!! Form::date("load[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::date("offload[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::select("status[]",[""=>"Select Status","Awaiting_Truck"=>"Awaiting Truck","Loaded"=>"Loaded","Dispatched"=>"Dispatched","Arrived_At_Border"=>"Arrived At Border","Departed_Border"=>"Departed Border"],null,["class" =>""]) !!}</td>';
              html += '<td>-</td>';
              // html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';     
            }

            for (var i = 0; i< fcount; i++) {
              var cargo_id    = data.cargos40[i].id;
              var container40 = data.cargos40[i].container;
              var transporter = data.cargos40[i].transporter_name;
              var trailer = data.cargos40[i].trailer;
              var truck = data.cargos40[i].truck;
              var driver = data.cargos40[i].driver;
              var seal40 = data.cargos40[i].seal_nr;
              html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'"><input type="hidden" name="cargo_id[]" value="'+cargo_id+'">';
              html += '<td><input type="text" name="container[]" value="'+container40+'"></td>';
              html += '<td><input type="text" name="seal[]" value="'+seal40+'"></td>';
              html += '<td>{!! Form::text("size[]",40,["class" =>""]) !!}</td>';
              html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
              html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
              html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
              html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
              html += '<td>{!! Form::date("load[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::date("offload[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::select("status[]",[""=>"Select Status","Awaiting_Truck"=>"Awaiting Truck","Loaded"=>"Loaded","Dispatched"=>"Dispatched","Arrived_At_Border"=>"Arrived At Border","Departed_Border"=>"Departed Border"],null,["class" =>""]) !!}</td>';
              html += '<td>-</td>';
              html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';
              // html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
            }

            $('.truckdata').html(html);
          }
          else
          {
            $.each(data.data, function (index, truckdata) {
      
                html += '<tr><input type="hidden" name="order_id[]" value="'+truckdata.order_id+'"><input type="hidden" name="cargo_id[]" value="'+truckdata.cargo_id+'"><input class="form-control" type="hidden" name="truck_id[]" value="'+truckdata.id+'">';
                html += '<td><input type="text" name="container[]" value="'+truckdata.container+'"></td>';
                html += '<td><input type="text" name="seal[]" value="'+truckdata.seal+'"></td>';
                html += '<td><input type="text" name="size[]" value="'+truckdata.size+'" readonly></td>';
                html += '<td><input type="text" name="transporter[]" value="'+truckdata.transporter+'"></td>';
                html += '<td><input type="text" name="truck[]" value="'+truckdata.truck+'"></td>';
                html += '<td><input type="text" name="trailer[]" value="'+truckdata.trailer+'"></td>';
                html += '<td><input type="text" name="driver[]" value="'+truckdata.driver+'"></td>';
                html += '<td><input type="date" name="load[]" value="'+truckdata.load+'"></td>';
                html += '<td><input type="date" name="offload[]" value="'+truckdata.offload+'"></td>';
                html += '<td><input type="text" name="location[]" value="'+truckdata.location+'"></td>';
                html += '<td><input type="text" name="remark[]" value="'+truckdata.remark+'"></td>';
                html += '<td><select name="status[]"><option value="">Select Status</option>';
                if(truckdata.status == 'Awaiting_Truck')
                {
                  html += '<option value="Awaiting_Truck" selected>Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Loaded')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded" selected>Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Dispatched')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched" selected>Dispatched</option><option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Arrived_At_Border')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border" selected>Arrived At Border</option><option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Departed_Border')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border" selected>Departed Border</option>';
                }

                if(truckdata.status == '')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                html += '</select></td>';

                 if(truckdata.status == 'Awaiting_Truck')
                {
                  html += '<td><span style="background-color:silver;font-size: 10px;color: white;">Awaiting Truck</span></td>';
                }

                if(truckdata.status == 'Loaded')
                {
                  html += '<td><span style="background-color:yellow;font-size: 10px;color: orange;">Loaded</span></td>';
                }
                
                if(truckdata.status == 'Dispatched')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Dispatched</span></td>';
                }

                if(truckdata.status == 'Arrived_At_Border')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Arrived At Border</span></td>';
                }

                if(truckdata.status == 'Departed_Border')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Departed Border</span></td>';
                }

                if(truckdata.status == '')
                {
                  html += '<td>-</td>';
                }
                
                // html += '<td><input type="date" name="date[]" value="'+truckdata.date+'"></td>';
                if(truckdata.document)
                {
                  html += '<td><a href="{{ url("files") }}/'+truckdata.document+'">View</a></td></tr>';
                }
                else
                {
                  html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';
                }

                $('.truckdata').html(html);
            });
          }  
        }
      });

      $('#truckModal').modal('show');
    });
  });
</script> 
@endif

@if(Auth::user()->logistic_type == '1') 
<script type="text/javascript">
  $(document).ready(function(){
    $('.truckinfo').click(function(){
      var orderid = $(this).attr('data-id');
      var tcount  = $(this).attr('data-twentycount');
      var fcount  = $(this).attr('data-fortycount');

      var html    = '';

      $.ajax({
        url: 'order/gettruck/' + orderid,
        type: 'get',
        dataType: 'json',
        success: function (data) {
          if(data.data.length == 0)
          {
            for (var i = 0; i< tcount; i++) {
              var cargo_id    = data.cargos20[i].id;
              var container20 = data.cargos20[i].container;
              var transporter = data.cargos20[i].transporter_name;
              var trailer = data.cargos20[i].trailer;
              var truck = data.cargos20[i].truck;
              var driver = data.cargos20[i].driver;
              
              var seal20 = data.cargos20[i].seal_nr;
              html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'"><input type="hidden" name="cargo_id[]" value="'+cargo_id+'">';
              html += '<td><input type="text" name="container[]" value="'+container20+'"></td>';
              html += '<td><input type="text" name="seal[]" value="'+seal20+'"></td>';
              html += '<td>{!! Form::text("size[]",20,["class" =>""]) !!}</td>';
              html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
              html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
              html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
              html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
              html += '<td><input type="text" name="identity[]"></td>';
              html += '<td><input type="text" name="licence[]"></td>';
              html += '<td>{!! Form::date("load[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::date("offload[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::select("status[]",[""=>"Select Status","Awaiting_Truck"=>"Awaiting Truck","Loaded"=>"Loaded","Dispatched"=>"Dispatched","Arrived_At_Border"=>"Arrived At Border","Departed_Border"=>"Departed Border"],null,["class" =>""]) !!}</td>';
              html += '<td>-</td>';
              // html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';     
            }

            for (var i = 0; i< fcount; i++) {
              var cargo_id    = data.cargos40[i].id;
              var container40 = data.cargos40[i].container;
              var transporter = data.cargos40[i].transporter_name;
              var trailer = data.cargos40[i].trailer;
              var truck = data.cargos40[i].truck;
              var driver = data.cargos40[i].driver;
              var seal40 = data.cargos40[i].seal_nr;
              html += '<tr><input type="hidden" name="order_id[]" value="'+orderid+'"><input type="hidden" name="cargo_id[]" value="'+cargo_id+'">';
              html += '<td><input type="text" name="container[]" value="'+container40+'"></td>';
              html += '<td><input type="text" name="seal[]" value="'+seal40+'"></td>';
              html += '<td>{!! Form::text("size[]",40,["class" =>""]) !!}</td>';
              html += '<td><input type="text" name="transporter[]" value="'+transporter+'"></td>';
              html += '<td><input type="text" name="truck[]" value="'+truck+'"></td>';
              html += '<td><input type="text" name="trailer[]" value="'+trailer+'"></td>';
              html += '<td><input type="text" name="driver[]" value="'+driver+'"></td>';
              html += '<td><input type="text" name="identity[]"></td>';
              html += '<td><input type="text" name="licence[]"></td>';
              html += '<td>{!! Form::date("load[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::date("offload[]",null,["class" =>"datepicker"]) !!}</td>';
              html += '<td>{!! Form::text("location[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::text("remark[]",null,["class" =>""]) !!}</td>';
              html += '<td>{!! Form::select("status[]",[""=>"Select Status","Awaiting_Truck"=>"Awaiting Truck","Loaded"=>"Loaded","Dispatched"=>"Dispatched","Arrived_At_Border"=>"Arrived At Border","Departed_Border"=>"Departed Border"],null,["class" =>""]) !!}</td>';
              html += '<td>-</td>';
              html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';
              // html += '<td>{!! Form::date("date[]",null,["class" =>""]) !!}</td>';
            }

            $('.truckdata').html(html);
          }
          else
          {
            $.each(data.data, function (index, truckdata) {
      
                html += '<tr><input type="hidden" name="order_id[]" value="'+truckdata.order_id+'"><input type="hidden" name="cargo_id[]" value="'+truckdata.cargo_id+'"><input class="form-control" type="hidden" name="truck_id[]" value="'+truckdata.id+'">';
                html += '<td><input type="text" name="container[]" value="'+truckdata.container+'"></td>';
                html += '<td><input type="text" name="seal[]" value="'+truckdata.seal+'"></td>';
                html += '<td><input type="text" name="size[]" value="'+truckdata.size+'" readonly></td>';
                html += '<td><input type="text" name="transporter[]" value="'+truckdata.transporter+'"></td>';
                html += '<td><input type="text" name="truck[]" value="'+truckdata.truck+'"></td>';
                html += '<td><input type="text" name="trailer[]" value="'+truckdata.trailer+'"></td>';
                html += '<td><input type="text" name="driver[]" value="'+truckdata.driver+'"></td>';
                html += '<td><input type="text" name="identity[]" value="'+truckdata.identity+'"></td>';
                html += '<td><input type="text" name="licence[]" value="'+truckdata.licence+'"></td>';
                html += '<td><input type="date" name="load[]" value="'+truckdata.load+'"></td>';
                html += '<td><input type="date" name="offload[]" value="'+truckdata.offload+'"></td>';
                html += '<td><input type="text" name="location[]" value="'+truckdata.location+'"></td>';
                html += '<td><input type="text" name="remark[]" value="'+truckdata.remark+'"></td>';
                html += '<td><select name="status[]"><option value="">Select Status</option>';
                if(truckdata.status == 'Awaiting_Truck')
                {
                  html += '<option value="Awaiting_Truck" selected>Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Loaded')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded" selected>Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Dispatched')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched" selected>Dispatched</option><option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Arrived_At_Border')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border" selected>Arrived At Border</option><option value="Departed_Border">Departed Border</option>';
                }

                if(truckdata.status == 'Departed_Border')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border" selected>Departed Border</option>';
                }

                if(truckdata.status == '')
                {
                  html += '<option value="Awaiting_Truck">Awaiting Truck</option><option value="Loaded">Loaded</option><option value="Dispatched">Dispatched</option> <option value="Arrived_At_Border">Arrived At Border</option> <option value="Departed_Border">Departed Border</option>';
                }

                html += '</select></td>';

                 if(truckdata.status == 'Awaiting_Truck')
                {
                  html += '<td><span style="background-color:silver;font-size: 10px;color: white;">Awaiting Truck</span></td>';
                }

                if(truckdata.status == 'Loaded')
                {
                  html += '<td><span style="background-color:yellow;font-size: 10px;color: orange;">Loaded</span></td>';
                }
                
                if(truckdata.status == 'Dispatched')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Dispatched</span></td>';
                }

                if(truckdata.status == 'Arrived_At_Border')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Arrived At Border</span></td>';
                }

                if(truckdata.status == 'Departed_Border')
                {
                  html += '<td><span style="background-color:orange;font-size: 10px;color: white;">Departed Border</span></td>';
                }

                if(truckdata.status == '')
                {
                  html += '<td>-</td>';
                }
                
                // html += '<td><input type="date" name="date[]" value="'+truckdata.date+'"></td>';
                if(truckdata.document)
                {
                  html += '<td><a href="{{ url("files") }}/'+truckdata.document+'">View</a></td></tr>';
                }
                else
                {
                  html += '<td>{!! Form::file("document[]",null,["class" =>""]) !!}</td></tr>';
                }

                $('.truckdata').html(html);
            });
          }  
        }
      });

      $('#truckModal').modal('show');
    });
  });
</script>
@endif

<style type="text/css">

  .modal-dialog{
    width: 1400px !important;
  }

  .modal-title , .modal-body {
    color: black !important; 
  }

  select{
    display: inline-block !important;
    padding:6px !important;
  }

  .selectboxit-container {
    display: none !important;
  }

  input.btn.btn-success {
    margin-left: 40%;
    width: 100px;
  }

  .modal-body {
    position: relative;
    padding: 0 !important; 
    overflow-x: auto;
  }

  .label-warning {
    background-color: #f0ad4e;
    border-radius: 15px;
    font-size: 10px;
    margin-left: 7px;
  }

  .scrollContent {
    height: 81px !important;
    overflow-y: scroll;
  }

  .modal-body table > thead > tr > th {
    font-size: 10px;
    padding:2px !important;
  }

  .modal-body input[type=text] {
    width: 80px;
    font-size: 10px;
    text-align: center;
    border: none;
  }

  .modal-body input[type=date] {
    width:125px;
    border:none;
    font-size: 10px;
    text-align: center; 
  }

  .modal-body select {
    font-size: 10px;
    padding:0 !important; 
    border: none;
    background: none;
  }

  .modal-body table tbody tr td {
    padding:1px !important; 
  }

  .modal-body input[type=file] {
    display: block;
    width: 161px;
  }
</style>

@endsection