@extends('layouts.template')

@section('content')
  <section class="planinng-trip-allowance">
    <div>
      <div class="row">
        <form data-toggle="validator" role="form">
        <h1 class="heading">Planning <a href="{{ url('transport/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
        @if(Session::has('flash_message'))
          <div class="row-fluid">
            <div class="span12">
              <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
            </div> 
          </div>   
        @endif
        
        <div class="cargo-search">
            {!! Form::open(['method' => 'GET', 'url' => '/transport/planning_trip_allowance', 'class' => 'form-vertical'])  !!}
            <h1>
                Cargo Search Criteria: &nbsp;&nbsp;
                <input type="radio" name="cargo_type" id="cargo_type" onclick="javascript: submit()" value="containarized" {{ request('cargo_type')=='containarized' ? 'checked' : ''  }}><label for="Shipper">Containarized</label>&nbsp;&nbsp;
                <input type="radio" name="cargo_type" id="cargo_type" onclick="javascript: submit()" value="break_bulk" {{ request('cargo_type')=='break_bulk' ? 'checked' : ''  }}><label for="Shipper">Break Bulk</label>&nbsp;&nbsp;
                <input type="radio" name="cargo_type" id="cargo_type" onclick="javascript: submit()" value="oog" {{ request('cargo_type')=='oog' ? 'checked' : ''  }}><label for="Shipper">OOG</label>&nbsp;&nbsp;
                <input type="radio" name="cargo_type" id="cargo_type" onclick="javascript: submit()" value="lcl" {{ request('cargo_type')=='lcl' ? 'checked' : ''  }}><label for="Shipper">LCL</label>
            <a href="{{url('third/third_party')}}" class="third_party_button">Third Party </a>
                <div class="pull-right">
                    <input type="checkbox" name="showall" @if($showall == 'on') checked @endif id="showall" data-target="{{ url('/transport/planning_trip_allowance?showall=on') }}" data-target-off="{{ url('/transport/planning_trip_allowance?cargo_type=containarized') }}">  Show All
                </div>
          </h1>
          <div class="cargo-search-form">
            <div class="select-form">

              <div class="form-group col-md-2 col-sm-2">
                <label for="Booking Number">Booking Number</label>
                <div class="select">
                  {!! Form::select('booking_number',['' => 'Select Booking Number'] ,null, ['id'=>'booking_number','class' => 'form-control arr']) !!}
                  {!! $errors->first('booking_number', '<p class="help-block">:message</p>') !!} 
                </div>
              </div>

               <div class="form-group col-md-2 col-sm-2">
                  <label for="Origin">Origin</label>
                  <div class="select">
                    {!! Form::select('origin',['' => 'Select Origin'] + $page_data['origin'],null, ['id'=>'origin','class' => 'form-control arr']) !!}
                    {!! $errors->first('origin', '<p class="help-block">:message</p>') !!} 
                  </div>
              </div>

               <div class="form-group col-md-1 col-sm-1">
                  <label for="Origin">Destination</label>
                  <div class="select">
                    {!! Form::select('destination',['' => 'Select Destination'] + $page_data['destination'],null, ['id'=>'destination','class' => 'form-control arr']) !!}
                    {!! $errors->first('destination', '<p class="help-block">:message</p>') !!} 
                  </div>
              </div>


              <div class="form-group col-md-2 col-sm-2">
                <label for="Customer">Customer</label>
                {!! Form::select('customer', ['' => 'Select Customer'] + $page_data['customer'], null, ['id'=> 'customer','class' => 'form-control']) !!}
                {!! $errors->first('customer', '<p class="help-block">:message</p>') !!} 
              </div>

              <div class="form-group col-md-2 col-sm-2">
                <label for="Customer Reference Number">Customer Reference Number</label>
                {!! Form::text('customer_reference_number', null, ['class' => 'form-control']) !!}
                {!! $errors->first('customer_reference_number', '<p class="help-block">:message</p>') !!}
              </div>

              <div class="form-group col-md-1 col-sm-1">
                <button href="#" class="search">Search</button>
              </div>

              <div class="form-group col-md-1 col-sm-1">
                <label for="Summary" class="wh-text-color-blue"><i>Summary (BB)</i></label>
                <table class="table table-bordered">
                  <tbody>
                    <tr><th class="text-center wh-bg-dark wh-text-white wh-padding">Tons</th></tr>
                    <tr><td class="text-center wh-bg-secondary wh-text-red wh-padding">{{ round($page_data['tons'], 2) }}</td></tr>
                  </tbody>
                </table>
              </div>

              <div class="form-group col-md-1 col-sm-1">
                <label for="Summary" class="wh-text-color-blue"><i>Summary(Cntr)</i></label>
                <table class="table table-bordered">
                  <tbody>
                    <tr>
                      <th class="text-center wh-bg-dark wh-text-white wh-padding">20'</th>
                      <th class="text-center wh-bg-dark wh-text-white wh-padding">40'</th></tr>
                    <tr>
                      <td class="text-center wh-bg-secondary wh-text-red wh-padding">{{ $page_data['size_20'] }}</td>
                      <td class="text-center wh-bg-secondary wh-text-red wh-padding">{{ $page_data['size_40'] }}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            {!! Form::close() !!}

            <div class="table-section">
              <div class="table-responsive">
                <table id="mytable" class="table">
                  <thead>
                    <tr>
                      <th>Select</th>
                      <th>Order Nr</th>  
                      <th>Booking No.</th> 
                     <!--  <th>Cargo Id</th>   -->        
                      <th>Customer</th>         
                      <th>Customer Ref</th> 
                      <th>Origin</th>
                      <th>Destination</th>        
                      <th>Cargo type</th>         
                      <th>Container</th>        
                      <th>Size</th>         
                      <th>Quantity</th>        
                      <th>Packaging</th>         
                      <th>Weight</th>
                      <th>Load Qty</th>
                      <th>Load Weight</th>
                      <th>Bal Qty</th>
                      <th>Bal Weight</th>
                    </tr>
                  </thead>
                  <tbody>

                    @if(!empty($data))
                      @foreach($data as $d)
                        @if($d->quantity - $d->load_quantity == 0)
                          <tr class="hide">
                            <td></td>
                             @if($d->logistic_type == 1)
                            <td>IE{{$d->order_id}}</td>
                            @endif
                            @if($d->logistic_type == 2)
                            <td>XI{{$d->order_id}}</td>
                            @endif
                            <td>{{ $d->booking_no }}</td>
                           <!--  <td>{{ $d->id }}</td> -->
                            <td>{{ $d->name }}</td>
                            <td>{{ $d->customer_ref }}</td>
                            <td>{{$d->origin}}</td>
                            <td>{{$d->destination}}</td>
                            <td>{{ $d->cargo_type}}</td>
                            <td>{{ $d->container }}</td>
                            <td>{{ $d->size }}</td>
                            <td class="actual_qty">{{ $d->quantity }}</td>
                            <td><span class="actual_pkg">{{ $d->packaging }}</span>Kg</td>
                            <td class="actual_weight">{{ $d->weight }}</td>
                            <td>All Quantity Loaded</td>
                            <td class="load_weight">
                              @if($d->cargo_type == 'containarized')
                                {{ $d->weight }} 
                              @else 
                                
                              @endif
                            </td>
                            <td class="balance_qty">
                              @if($d->cargo_type == 'containarized')
                                0 
                              @else 
                                {{ $d->quantity - $d->load_quantity }}
                              @endif 
                            </td>
                            <td class="balance_weight">
                              @if($d->cargo_type == 'containarized')
                                0 
                              @else 
                                {{ ((($d->quantity - $d->load_quantity)*$d->packaging)/1000) }}
                              @endif
                            </td>
                            <td class="hide">{{ $d->id }}</td>
                          </tr>
                        @else
                          <tr>
                            <input type="hidden" class="star_qty" value="{{ $d->quantity - $d->load_quantity }}">
                            <input type="hidden" class="star_wgt" value="{{ ((($d->quantity - $d->load_quantity)*$d->packaging)/1000) }}">
                            <td>
                              <input type="checkbox" id="select{{ $d->id }}" class="magic-checkbox area"> <label for="select{{ $d->id }}"></label>
                            </td>
                             @if($d->logistic_type == 1)
                            <td>IE{{$d->order_id}}</td>
                            @endif
                            @if($d->logistic_type == 2)
                            <td>XI{{$d->order_id}}</td>
                            @endif
                            <td>{{ $d->booking_no }}</td>
                            <!-- <td>{{ $d->id }}</td> -->
                            <td>{{ $d->name }}</td>
                            @if($d->customer_ref)
                            <td>{{ $d->customer_ref }}</td>
                            @else
                            <td></td>
                            @endif
                            <!-- <td>{{ $d->cargo_type}}</td> -->
                            <td>{{$d->origin}}</td>
                            <td>{{$d->destination}}</td>
                            <td>@if($d->cargo_type == 'containarized')
                                CNTR
                                @endif
                                @if($d->cargo_type == 'break_bulk')
                                BBK
                                @endif
                                @if($d->cargo_type == 'oog')
                                OOG
                                @endif
                                @if($d->cargo_type == 'lcl')
                                LCL
                                @endif
                            </td>
                            <td>{{ $d->container }}</td>
                            <td>{{ $d->size }}</td>
                            <td class="actual_qty">{{ $d->quantity }}</td>
                            <td><span class="actual_pkg">{{ $d->packaging }}</span> Kg</td>
                            <td class="actual_weight">{{ $d->weight }}</td>
                            <td>@if($d->cargo_type == 'containarized')
                                  <input type="text" class="quantity" value="{{ $d->quantity }}" readonly="true" style="text-align:center;"> 
                                @else 
                                  {{ Form::text('quantity',null,['class'=>'quantity']) }} 
                                @endif
                            </td>
                            <td class="load_weight">
                              @if($d->cargo_type == 'containarized')
                                {{ $d->weight }} 
                              @else 
                                
                              @endif
                            </td>
                            <td class="balance_qty">
                              @if($d->cargo_type == 'containarized')
                                0 
                              @else 
                                {{ $d->quantity - $d->load_quantity }}
                              @endif
                              
                            </td>
                            <td class="balance_weight">
                               @if($d->cargo_type == 'containarized')
                                0 
                              @else 
                                {{ ((($d->quantity - $d->load_quantity)*$d->packaging)/1000) }}
                              @endif
                            </td>
                            <td class="hide">{{ $d->id }}</td>
                          </tr>
                        @endif
                      @endforeach
                    @else
                    <tr>
                      <td colspan="14"><center>No Data Found</center></td>
                    </tr>
                    @endif
                  </tbody>
                </table>
                  @if(!empty($data))
                  {!! $data->appends(request()->input())->links(); !!}
                  @endif
              </div>
            </div>
                       
            <div class="clearfix"></div>
          </div>
        </div>

        {!! Form::open(['method' => 'POST', 'url' => 'transport/planning_trip_allowance/store', 'class' => 'form-vertical','id'=>'myForm'])  !!}
          <div class="cargo-search">
            <h1>Transport Management : &nbsp;&nbsp;&nbsp;&nbsp;
              {{ Form::radio('type', '1' ) }} <label for="Shipper">Own</label>
              {{ Form::radio('type', '2' ) }} <label for="Shipper">Third Party</label>
            </h1>
             <div class="cargo-search-form">
              <div class="select-form">
              <!--   <div class="form-group col-md-2 col-sm-2">
                    <label for="Shipper">Type</label>
                    <div class="select">
                      {!! Form::select('types',[''=>'Select Type','1' => 'Own','2'=>'Third Party'] ,null, ['id'=>'transporter','class' => 'form-control arr']) !!}
                      {!! $errors->first('type', '<p class="help-block">:message</p>') !!} 
                    </div>
                </div> -->

                <div class="form-group col-md-2 col-sm-2">
                  <label for="Shipper">Transporter</label>
                  <div class="select" >
                    {!! Form::select('transporter',['' => 'Select Transporter'] ,null, ['id'=>'tname','class' => 'form-control arr']) !!}
                    {!! $errors->first('transporter', '<p class="help-block">:message</p>') !!} 
                  </div>
                </div>

                <div class="dynamic-on-container">

                  <div class="form-group col-md-2 col-sm-2">
                   <label for="Truck">Truck</label>
                    <div class="select" >
                      {!! Form::select('truck1',['' => 'Select Truck'] + $page_data['truck']->toArray() ,null, ['id'=>'truck','class' => 'form-control arr']) !!}
                      {!! $errors->first('truck', '<p class="help-block">:message</p>') !!} 
                    </div>
                  </div>

                  <div class="form-group col-md-2 col-sm-2">
                   <label for="Trailer">Trailer</label>
                    <div class="select" >
                      {!! Form::select('trailer1',['' => 'Select Trailer'] + $page_data['trailer']->toArray() ,null, ['id'=>'trailer','class' => 'form-control arr']) !!}
                      {!! $errors->first('trailer', '<p class="help-block">:message</p>') !!} 
                    </div>
                  </div>

                  <div class="form-group col-md-2 col-sm-2">
                   <label for="Driver">Driver</label>
                    <div class="select">
                      {!! Form::select('driver1',['' => 'Select Driver'] + $page_data['name']->toArray() ,null, ['id'=>'driver','class' => ' driver form-control arr']) !!}
                      {!! $errors->first('driver', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>

                  <div class="form-group col-md-1 col-sm-1">
                    <label for="License">License(Driver)Nr</label>
                    {!! Form::text('license', null, ['id'=>'license','class' => 'license form-control arr']) !!}
                    {!! $errors->first('License', '<p class="help-block">:message</p>') !!} 
                  </div>

                   <div class="form-group col-md-1 col-sm-1">
                    <label for="License">Passport Nr</label>
                    {!! Form::text('passport', null, ['id'=>'passport','class' => ' passport form-control arr']) !!}
                    {!! $errors->first('passport', '<p class="help-block">:message</p>') !!} 
                  </div>

                   <div class="form-group col-md-1 col-sm-1">
                    <label for="License">ID Nr</label>
                    {!! Form::text('id_nr', null, ['id'=>'id_nr','class' => 'id_nr form-control arr']) !!}
                    {!! $errors->first('id_nr', '<p class="help-block">:message</p>') !!} 
                  </div>
                </div>

                <div class="dynamic-other-container">

                  <div class="form-group col-md-2 col-sm-2">
                    <label for="Truck">Truck</label>
                    <div class="select" >
                      {!! Form::select('truck',['' => 'Select Truck'] + $page_data['trans_truck']->toArray() ,null, ['id'=>'truck2','class' => 'form-control arr']) !!}
                      {!! $errors->first('truck', '<p class="help-block">:message</p>') !!} 
                    <!--   {!! Form::text('truck',null, ['id'=>'truck','class' => 'form-control']) !!}
                      {!! $errors->first('truck', '<p class="help-block">:message</p>') !!}  -->
                    </div>
                  </div>
                  <div class="form-group col-md-2 col-sm-2">
                    <label for="Trailer">Trailer</label>
                    <div class="select" >
                      {!! Form::select('trailer',['' => 'Select Trailer'] + $page_data['trans_trailer']->toArray() ,null, ['id'=>'trailer2','class' => 'form-control arr']) !!}
                      {!! $errors->first('trailer', '<p class="help-block">:message</p>') !!}
                      <!--   {!! Form::text('trailer',null, ['id'=>'trailer','class' => 'form-control']) !!}
                      {!! $errors->first('trailer', '<p class="help-block">:message</p>') !!}  -->
                    </div>
                  </div>

                  <div class="form-group col-md-2 col-sm-2">
                    <label for="Driver">Driver</label>
                    <div class="select" >
                       {!! Form::select('driver',['' => 'Select Driver'] + $page_data['trans_driver']->toArray() ,null, ['id'=>'driver2','class' => ' driver form-control arr']) !!}
                       {!! $errors->first('driver', '<p class="help-block">:message</p>') !!}
                    <!--   {!! Form::text('driver',null, ['id'=>'driver','class' => 'form-control']) !!}
                      {!! $errors->first('driver', '<p class="help-block">:message</p>') !!} -->
                    </div>
                  </div>

                   <div class="form-group col-md-1 col-sm-1">
                    <label for="License">License(Driver)Nr</label>
                    {!! Form::text('license', null, ['id'=>'license','class' => ' license form-control arr']) !!}
                    {!! $errors->first('License', '<p class="help-block">:message</p>') !!} 
                  </div>

                   <div class="form-group col-md-1 col-sm-1">
                    <label for="License">Passport Nr</label>
                    {!! Form::text('passport', null, ['id'=>'passport','class' => 'passport form-control arr']) !!}
                    {!! $errors->first('passport', '<p class="help-block">:message</p>') !!} 
                  </div>

                   <div class="form-group col-md-1 col-sm-1">
                    <label for="License">ID Nr</label>
                    {!! Form::text('id_nr', null, ['id'=>'id_nr','class' => ' id_nr form-control arr']) !!}
                    {!! $errors->first('id_nr', '<p class="help-block">:message</p>') !!} 
                  </div>
                </div>

                <div class="form-group col-md-1 col-sm-1">
                  <button type="button" class="search generate_trip" onClick="return checkChecked('mytable');">GENERATE TRIP</a>
                </div>
              </div>
              <div class="table-section">
                <div class="table-responsive">   
                  <table class="table">
                    <thead>
                      <tr>
                        <th>Trip Nr</th> 
                        <th>Order Nr</th>  
                        <th>Booking No</th> 
                        <!-- <th>Cargo Id</th>      -->
                        <th>Customer</th>     
                        <th>Customer Ref</th>      
                        <th>Cargo Type</th>      
                        <th>Container</th>     
                        <th>Size</th>       
                        <th>Qty</th>        
                        <th>Packaging</th>      
                        <th>Weight</th>
                        <th>Load Qty</th>  
                        <th>Origin</th>     
                        <th>Destination</th>       
                        <th>USD</th>     
                        <th>MZM</th>
                      </tr>
                    </thead>
                    <tbody class="result">  
                    </tbody>
                  </table>
                  <div class="record-save">
                  </div>
                </div>
              </div>
              @permission('planning-trip-allowance-create')
              <div class="submit-btn planning-submit-btn">
                <input id="storerecord" type="submit" value="save">
              </div> 
              @else
              <div class="submit-btn">
                <label style="color:red;">You Dont Have Permission To Save Record </label>
              </div>
              @endpermission  
            </div>
          </div>
        {!! Form::close() !!}

        <div class="cargo-search">
          <div class="table-heading">
            <h4 class="col-md-5 col-sm-12 col-xs-12">Planning and Trip Allowance Details</h4>
            <div class="col-md-6 col-sm-12 col-xs-12">
              <a href="javascript:void(0)" id="copy">Copy To Excel</a>
              <a href="{{ URL::to('patdtldownloadExcel/xls?checkboxitem='.app('request')->input('checkboxitem').'&search='.app('request')->input('search')) }}">Download Excel</a>
              {!! Form::open(['method' => 'GET', 'url' => '/transport/planning_trip_allowance','role' => 'search'])  !!}
              <input type="text" placeholder="Enter Trip number without ART" name="search" id="" style="width: 50% ! important">
            </div>
            {!! Form::close() !!}
              @foreach($check as $checked)
                @php $filter = $checked @endphp
              @endforeach
            {!! Form::open(['method' => 'GET', 'url' => '/transport/planning_trip_allowance', 'id'=>'form2'])  !!}
                <div class="col-md-1 col-sm-12 col-xs-12">
                    <input type="checkbox" name="checkboxitem" @if($filter == 'on') checked @endif id="checkboxitem" style="width: 15px;">  Show All
                </div>
            {!! Form::close() !!}
          </div>
          <div class="cargo-search-form">
            <div class="table-responsive">
              <table class="table" id="my-table">
                <thead>
                  <tr>
                    {!! Form::open(['method' => 'GET', 'url' => '/transport/planning_trip_allowance', 'id'=>'formnew1'])  !!}
                    <th>{!! Form::select('trip_nr',['' => 'Trip Nr'] + $page_data['trip_filter'] ,null, ['id'=>'tripNrFilter','class' => 'form-control wh-select2-class']) !!}</th>
                    <th>{!! Form::select('order_filter',['' => 'Order Nr'] + $page_data['order_filter'] ,null, ['id'=>'orderNrFilter','class' => 'form-control wh-select2-class']) !!}</th>      
                    <th>{!! Form::select('booking_nr',['' => 'Booking No'] + $page_data['booking_filter'] ,null, ['id'=>'bookingNrFilter','class' => 'form-control wh-select2-class']) !!}</th>      
                    <th>{!! Form::select('customer',['' => 'Customer'] + $page_data['customer_filter'] ,null, ['id'=>'customerFilter','class' => 'form-control wh-select2-class']) !!}</th>       
                    <th>{!! Form::select('customer_ref',['' => 'Customer Ref'] + $page_data['customer_ref_filter'] ,null, ['id'=>'customerRefFilter','class' => 'form-control wh-select2-class']) !!}</th>
                    <th>{!! Form::select('origin',['' => 'Origin'] + $page_data['origin_filter'] ,null, ['id'=>'originFilter','class' => 'form-control wh-select2-class']) !!}</th>
                    <th>{!! Form::select('destination',['' => 'Destination'] + $page_data['destination_filter'] ,null, ['id'=>'destinationFilter','class' => 'form-control wh-select2-class']) !!}</th>   
                    <th>Cargo Type</th>       
                    <th>Container</th>       
                    <th>Size</th>      
                    <th>Qty</th>        
                    <th>Packaging</th>       
                    <th>Weight</th>
                    <th>Load Quantity</th>        
                    <th>{!! Form::select('transporter',['' => 'Transporter'] + $page_data['transporter_name_filter'] ,null, ['id'=>'transporterFilter','class' => 'form-control wh-select2-class']) !!}</th>     
                    <th>{!! Form::select('truck',['' => 'Truck'] + $page_data['truck_filter'] ,null, ['id'=>'truckFilter','class' => 'form-control wh-select2-class']) !!}</th>       
                    <th>{!! Form::select('trailer',['' => 'Trailer'] + $page_data['trailer_filter'] ,null, ['id'=>'trailerFilter','class' => 'form-control wh-select2-class']) !!}</th>      
                    <th>{!! Form::select('driver',['' => 'Driver'] + $page_data['driver_filter'] ,null, ['id'=>'driverFilter','class' => 'form-control wh-select2-class']) !!}</th>
                    <th>Confirm</th>
                    <th>Cancel</th>
                    <th>Print</th>
                    {!! Form::close() !!}
                  </tr>
                </thead>
                <tbody>
                  @foreach($planning as $d)
                  <tr>
                    <td>{{ $d->trip_number }}</td>
                    <td> 
                        @if($d->cargo->order['logistic_type'] == '2') 
                            XI{{ $d->cargo->order['id'] }} 
                        @endif  

                        @if($d->cargo->order['logistic_type'] == '1') 
                            IE{{ $d->cargo->order['id'] }}
                        @endif
                    </td>
                    <td>{{ $d->cargo->order['booking_no'] }}</td>
                    <td>{{ $d->cargo->order->customer['name'] }}</td>
                    <td>{{ $d->cargo->order['customer_ref'] }}</td>
                    <td>{{$d->cargo->order->origin['origin']}}</td>
                    <td>{{$d->cargo->order->destination['destination']}}</td>
                    <!-- <td>{{ $d->cargo['cargo_type'] }}</td> -->
                    <td>@if($d->cargo['cargo_type'] == 'containarized')
                          CNTR
                        @endif
                        @if($d->cargo['cargo_type'] == 'break_bulk')
                            BBK
                        @endif 
                        @if($d->cargo['cargo_type'] == 'oog')
                            OOG
                        @endif
                        @if($d->cargo['cargo_type'] == 'lcl')
                            LCL
                        @endif                  
                    </td>
                    <td>{{ $d->cargo['container'] }}</td>
                    <td>{{ $d->cargo['size'] }}</td>
                    <td>{{ $d->cargo['quantity'] }}</td>
                    <td>@if($d->cargo['packaging']) {{ $d->cargo['packaging'] }} Kg @endif</td>
                    <td>{{ $d->cargo['weight'] }}</td>
                    <td>{{ $d->load_quantity }}</td>
                    <td>{{ $d->transporter_name }}</td>
                    <td>{{ $d->truck }}</td>
                    <td>{{ $d->trailer }}</td>
                    <td>{{ $d->driver }}</td>
                    <td class="{{ $d->trip_number }}">@if($d->confirmed == 0) <button type="button" data-id="{{ $d->trip_number }}" class="confirm">Confirm</button>@else <span style="color:green;">Confirmed</span> @endif</td>
                    <td class="{{ $d->id }}">@if($d->confirmed == 0)<button type="button" data-id="{{ $d->id }}" class="cancel">Cancel</button>@endif</td>
                    <td style="display: flex;"><a class="print" data-cargo="{{ $d->cargo_id }}" data-type="LI" data-trip_number="{{ $d->trip_number }}" class="btn btn-success" title="download Loading Instructions"><i class="fa fa-print"></i></a> |
                      <a class="print" data-cargo="{{ $d->cargo_id }}" data-type="RM" data-trip_number="{{ $d->trip_number }}" class="btn btn-success"  title="download Road Manifest"><i class="fa fa-print"></i></a>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
              {!! $planning->appends(request()->input())->links(); !!}
              {{--{!! $planning->appends(['check'=>$filter])->render(); !!}--}}
            </div>
          </div>
        </div>
      </form>
      </div>
    </div>
   </section>
   <div id="table-clipboard">
      <table id="example" class="table table-bordered" cellspacing="0" width="100%" style="background-color: transparent;">
        <thead>
          <tr>
            <th>Transport</th>
            <th>Customer</th>
            <th>Customer Ref</th>
            <th>Origin</th>
            <th>Destination</th>
            <th>Cargo Type</th>
            <th>Container</th>
            <th>Size</th>
            <th>Packing</th>
            <th>Load Quantity</th>
            <th>Weight</th>
            <th>Truck</th>
            <th>Trailer</th>
            <th>Driver</th>
            <th>Driver License</th>
            <th>Passport</th>
            <th>Phone Nr</th>
          </tr>
        </thead>
        <tbody>
         @if(!empty($trip_planning_data))
            @foreach($trip_planning_data as $tpd)
              <tr>
                <td>{{ $tpd['transport'] }}</td>
                <td>{{ $tpd['customer'] }}</td>
                <td>{{ $tpd['customer_ref'] }}</td>
                <td>{{ $tpd['origin'] }}</td>
                <td>{{ $tpd['destination'] }}</td>
                <td>{{ $tpd['cargo_type'] }}</td>
                <td>{{ $tpd['container'] }}</td>
                <td>{{ $tpd['size'] }}</td>
                <td>{{ $tpd['packing'] }}</td>
                <td>{{ $tpd['load_quantity'] }}</td>
                <td>{{ $tpd['weight'] }}</td>
                <td>{{ $tpd['truck'] }}</td>
                <td>{{ $tpd['trailor'] }}</td>
                <td>{{ $tpd['driver'] }}</td>
                <td>{{ $tpd['driver_license'] }}</td>
                <td>{{ $tpd['passport'] }}</td>
                <td>{{ $tpd['phone_nr'] }}</td>
              </tr>
            @endforeach
          @endif
        </tbody>
      </table>
   </div>

   <script type="text/javascript">
    // Copy to clipboard code started
    $('#table-clipboard').hide();
    $('#copy').on('click', function() {
        $('#table-clipboard').show();
        var el = document.getElementById('table-clipboard');

        var body = document.body, range, sel;
        if (document.createRange && window.getSelection) {
          range = document.createRange();
          sel = window.getSelection();
          sel.removeAllRanges();
          try {
            range.selectNodeContents(el);
            sel.addRange(range);
            document.execCommand("copy");
          } catch (e) {
            range.selectNode(el);
            sel.addRange(range);
            document.execCommand("copy");
          }
        } else if (body.createTextRange) {
          range = body.createTextRange();
          range.moveToElementText(el);
          range.select();
          document.execCommand("copy");
        }
        $('#table-clipboard').hide();
    });
    // Copy to clipboard code ended
    $('#customer').select2();
    $('.print').click(function(){
      var trip_number = $(this).data('trip_number');
      var cargo = $(this).data('cargo');
      var type = $(this).data('type');
      $(this).attr('href', function() {
        return "{{ URL::to('downloadPlanningExcel') }}" + '/' + type + '/' + trip_number + '/' + cargo ;
      });
    });

    $('.quantity').change(function(){
    
      if($(this).val() == '')
      {
        $(this).closest("tr").find('.balance_qty').text($(this).closest("tr").find('.star_qty').val());
        $(this).closest("tr").find('.balance_weight').text($(this).closest("tr").find('.star_wgt').val());
        $(this).closest("tr").find('.load_weight').text("");
      }
      else
      {
        var qty = $(this).val();
        if(qty > parseInt($(this).closest("tr").find('.balance_qty').text()))
        {
          $(this).val("");
          alert("Load Qty is greater than Bal Qty");
          $(this).focus();  
        }
        else
        {
          var balance = parseInt($(this).closest("tr").find('.balance_qty').text()) - qty ;
          $(this).closest("tr").find('.balance_qty').text(balance);
          var load_weight = ((qty*parseInt($(this).closest("tr").find('.actual_pkg').text()))/1000);
          $(this).closest("tr").find('.load_weight').text(load_weight);
          var balance_weight = ((balance*parseInt($(this).closest("tr").find('.actual_pkg').text()))/1000);
          $(this).closest("tr").find('.balance_weight').text(balance_weight);
        }
      }
    });

    var cargo_type = $("#cargo_type").val();
    if (cargo_type != '') {
      $.ajax({
        url: "{{URL::to('transport/planning/getBookingNo')}}",
        type: 'POST',
        dataType: 'json',
        data: {'cargo_type': cargo_type, '_token': '{{csrf_token()}}'},
        success: function (response) {    
          //$('#qty_free').val(response.free);
          $("#booking_number").data("selectBox-selectBoxIt").remove();
          $("#booking_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Booking Number'});
          $.each(response.data, function (index,value) {
            $("#booking_number").data("selectBox-selectBoxIt").add({value:value, text:value});
          });   
        }
      });
    }

    $('#cargo_type').change(function () {
      var cargo_type = $(this).val();
      if (cargo_type != '') {
        $.ajax({
          url: "{{URL::to('transport/planning/getBookingNo')}}",
          type: 'POST',
          dataType: 'json',
          data: {'cargo_type': cargo_type, '_token': '{{csrf_token()}}'},
          success: function (response) {    
            //$('#qty_free').val(response.free);
            $("#booking_number").data("selectBox-selectBoxIt").remove();
            $("#booking_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Booking Number'});
            $.each(response.data, function (index,value) {
              $("#booking_number").data("selectBox-selectBoxIt").add({value:value, text:value});
            });   
          }
        });
      }
      else
      {
        $("#booking_number").data("selectBox-selectBoxIt").remove();
        $("#booking_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Booking Number'});
      }
    });
    
    function genRand(count) {
      id = 1 + parseInt(count);
      //id = 100 + count;
      return id;
      //return Math.floor(Math.random()*89999+10000);
    }

    function checkChecked(formname) {
      var anyBoxesChecked = false;
      $('#' + formname + ' input[type="checkbox"]').each(function() {
        if ($(this).is(":checked")) {
          anyBoxesChecked = true;
        }
      });
   
      if (anyBoxesChecked == false) {
        alert('Please select at least one checkbox');
        return false;
      } 
    }

    $(document).ready(function(){
     
     $("#checkboxitem").change(function(){
        $("#form2").submit();
   });
        $("#showall").change(function(){
            var item=$(this);
            if(item.is(":checked"))
            {
                window.location.href= item.data("target")
            } else
            {
                window.location.href= item.data("target-off")
            }
        });
     

           
      $('.confirm').click(function(){
        var trip_number = $(this).data('id');
        $.ajax({
          url: "{{URL::to('transport/planning/update')}}",
          type: 'POST',
          dataType: 'json',
          data: {'trip_number': trip_number, '_token': '{{csrf_token()}}'},
          success: function (response) {
            $('.'+trip_number+'').html('');
            $('.'+trip_number+'').html('<span style="color:green;">Confirmed</span>');
            location.reload();
          }
        });
      });

      $('.cancel').click(function(){
        var id = $(this).data('id');
        $.ajax({
          url: "{{URL::to('transport/planning/delete')}}",
          type: 'POST',
          dataType: 'json',
          data: {'id': id, '_token': '{{csrf_token()}}'},
          success: function (response) {
            $('.'+id+'').html('');
            $('.'+id+'').html('<span style="color:red;">Cancel</span>');
            location.reload();
          }
        });
      });

      $('#myForm').submit(function(e){
      //  var value = $('#transporter').val();
        var value = $('input[name=type]:checked').val();
        if($.type(value) === "undefined")
        {
          $('#transporter').closest('.form-group').addClass('has-error');
          $('#tname').closest('.form-group').addClass('has-error');
          $('.dynamic-on-container select').each(function() {
            if ($(this).val() == '') {
              $(this).closest('.form-group').addClass('has-error');
              e.preventDefault();
            }    
          });
        }

        if(value == 1)
        {
          $('#tname').closest('.form-group').addClass('has-error');
          $('.dynamic-on-container select').each(function() {
            if ($(this).val() == '') {
              $(this).closest('.form-group').addClass('has-error');
              e.preventDefault();
            }    
          });
        }

        if(value == 2)
        {
          $('#tname').closest('.form-group').addClass('has-error');
          $('.dynamic-other-container input').each(function() {
            if ($(this).val() == '') {
              $(this).closest('.form-group').addClass('has-error');
              e.preventDefault();
            }    
          });
        }
      });

      $('.dynamic-other-container').hide();
        
      $('#transporter').change(function(){
        var val = $(this).val();

        $.ajax({
          url: "{{URL::to('transport/planning/getTransporter')}}",
          type: 'POST',
          dataType: 'json',
          data: {'type': val, '_token': '{{csrf_token()}}'},
          success: function (response) {
            $('.generate_trip').attr('data-count', response.count);
            $("#tname").data("selectBox-selectBoxIt").remove();
            $("#tname").data("selectBox-selectBoxIt").add({value:'', text:'Select Transporter'});
            $.each(response.data, function (index,value) {
              $("#tname").data("selectBox-selectBoxIt").add({value:value, text:value});
            });   
          }
        });

        if(val == 2)
        {
          $('.dynamic-on-container').hide();
          $('.dynamic-other-container').show();
        }
        else
        {
          $('.dynamic-on-container').show();
          $('.dynamic-other-container').hide();
        }
      });


      $('input[type=radio][name=type]').change(function() {
          var val = $(this).val();
          
          $.ajax({
            url: "{{URL::to('transport/planning/getTransporter')}}",
            type: 'POST',
            dataType: 'json',
            data: {'type': val, '_token': '{{csrf_token()}}'},
            success: function (response) {
              $('.generate_trip').attr('data-count', response.count);
              $("#tname").data("selectBox-selectBoxIt").remove();
              $("#tname").data("selectBox-selectBoxIt").add({value:'', text:'Select Transporter'});
              $.each(response.data, function (index,value) {
                $("#tname").data("selectBox-selectBoxIt").add({value:value, text:value});
              });   
            }
        });

        if(val == 2)
        {
          $('.dynamic-on-container').hide();
          $('.dynamic-other-container').show();
        }
        else
        {
          $('.dynamic-on-container').show();
          $('.dynamic-other-container').hide();
        }
         
        });







      $(".driver").on('change', function(){
        var driver_val = $(this).val();
        var check_id = $('input[type=radio][name=type]:checked').val();
        
       $.ajax({
            url:"{{URl::to('transport/planning/getDriverDetails')}}",
            type:'POST',
            dataType: 'json',
            data: {'type': driver_val,'check_id':check_id,'_token': '{{csrf_token()}}'},
            success:function (response){
              console.log(response);
              if(response.status){
                $(".license").val(response.data[0].licence_number).prop('readonly', true);
                $(".passport").val(response.data[0].passport).prop('readonly', true);
                $(".id_nr").val(response.data[0].id_number).prop('readonly', true);
               }
               else{
               $(".license").val('');
                $(".passport").val('');
                $(".id_nr").val('');
             }
          }
          });
      
    });




      var tableControl= document.getElementById('mytable');

      $('.generate_trip').click(function(){
        var count = $(this).data('count');
        var uniqueId = genRand(count);
       // var check_type = $("#transporter").val();
        var check_type = $('input[name=type]:checked').val();
        var arrayOfValues = [];
        var loadqty = [];
        var loadwgt = [];
        var balqty  = [];
        var balwgt  = [];
        
        $('input:checkbox:checked', tableControl).each(function() {
          arrayOfValues.push($(this).closest('tr').find('td:last').text());
          loadqty.push($(this).closest('tr').find('.quantity').val());
          loadwgt.push($(this).closest('tr').find('.load_weight').text());
          balqty.push($(this).closest('tr').find('.balance_qty').text());
          balwgt.push($(this).closest('tr').find('.balance_weight').text());
        }).get();

        if($.type(check_type) === "undefined"){
          alert("Please Select Transport Management");
          }

    else{
        $.ajax({
          url: "{{URL::to('transport/planning/getCargo')}}",
          type: 'POST',
          dataType: 'json',
          data: {'id': arrayOfValues, '_token': '{{csrf_token()}}'},
          success: function (response) {
            $('.result').html('');
            $('.record-save').html('');
            $.each(response.data, function (index,value) {
             if(value.cargo_type =="containarized"){
                       var cargo_type = "CNTR";
                    }
                  if(value.cargo_type =="break_bulk"){
                    var cargo_type = "BBK";
                  }
                  if(value.cargo_type =="oog"){
                    var cargo_type = "OOG";
                  }
                  if(check_type == 1){
                        var logistic_type = value.logistic_type;
                        if(logistic_type == 1){
                        var OrderNum = 'IE'+value.order_id;   
                      }

                  if(logistic_type == 2){
                          var OrderNum = 'XI'+value.order_id;
                    }

                      $('.result').append('<tr><td>ART'+ uniqueId +'</td><td>'+OrderNum+'</td><td>'+value.booking_no+'</td><td>'+value.name+'</td><td>'+value.customer_ref+'</td><td>'+cargo_type+'</td><td>'+value.container+'</td><td>'+value.size+'</td><td>'+value.quantity+'</td><td>'+value.packaging+' Kg</td><td>'+value.weight+'</td><td>'+loadqty[index]+'</td><td>'+value.origin+'</td><td>'+value.destination+'</td><td>'+value.usd+'</td><td>'+value.mzm+'</td></tr>');
                    $('.record-save').append('<input type="hidden" name="cargo_id[]" value="'+value.id+'"><input type="hidden" name="load_quantity[]" value="'+loadqty[index]+'"><input type="hidden" name="trip_number[]" value="ART'+uniqueId+'">');
                    }
                if(check_type == 2){
                  var digit = uniqueId.toString().length; 
                  var logistic_type = value.logistic_type;
                        if(logistic_type == 1){
                        var OrderNum = 'IE'+value.order_id;   
                      }
                       if(logistic_type == 2){
                          var OrderNum = 'XI'+value.order_id;
                    }
                  if(digit == 2){
                     $('.result').append('<tr><td>ARS0'+ uniqueId +'</td><td>'+OrderNum+'</td><td>'+value.booking_no+'</td><td>'+value.name+'</td><td>'+value.customer_ref+'</td><td>'+cargo_type+'</td><td>'+value.container+'</td><td>'+value.size+'</td><td>'+value.quantity+'</td><td>'+value.packaging+' Kg</td><td>'+value.weight+'</td><td>'+loadqty[index]+'</td><td>'+value.origin+'</td><td>'+value.destination+'</td><td>'+value.usd+'</td><td>'+value.mzm+'</td></tr>');
                    $('.record-save').append('<input type="hidden" name="cargo_id[]" value="'+value.id+'"><input type="hidden" name="load_quantity[]" value="'+loadqty[index]+'"><input type="hidden" name="trip_number[]" value="ARS0'+uniqueId+'">');
                    }
                    else{
                  $('.result').append('<tr><td>ARS'+ uniqueId +'</td><td>'+OrderNum+'</td><td>'+value.booking_no+'</td><td>'+value.name+'</td><td>'+value.customer_ref+'</td><td>'+cargo_type+'</td><td>'+value.container+'</td><td>'+value.size+'</td><td>'+value.quantity+'</td><td>'+value.packaging+' Kg</td><td>'+value.weight+'</td><td>'+loadqty[index]+'</td><td>'+value.origin+'</td><td>'+value.destination+'</td><td>'+value.usd+'</td><td>'+value.mzm+'</td></tr>');
                  $('.record-save').append('<input type="hidden" name="cargo_id[]" value="'+value.id+'"><input type="hidden" name="load_quantity[]" value="'+loadqty[index]+'"><input type="hidden" name="trip_number[]" value="ARS'+uniqueId+'">');
                    }
                }
            });            
          }
        });  
      }
      });

      $('#tname').on('change', function() {
        // var transporterType = $( "#transporter option:selected" ).text();
         var transporterType =  $('input[name=type]:checked').val();
         var transporterName = this.value;
        if(transporterType =="1"){
          $.ajax({
            url: "{{URL::to('transport/planning/getPlanningTripDetails')}}",
            type: 'POST',
            dataType: 'json',
            data: {'transporter_name': transporterName,'type':transporterType,'_token': '{{csrf_token()}}'},
            success: function (response) {
                var select_truck = $("#truck");
                var select_trailer = $("#trailer");
                var select_driver = $("#driver");
                if(response.status){
                      select_truck.find("option[value='" + response.data[0].truck + "']").prop('selected', 'selected');
                      select_trailer.find("option[value='" + response.data[0].trailer + "']").prop('selected', 'selected');
                      select_driver.find("option[value='" + response.data[0].driver + "']").prop('selected', 'selected');
                      select_truck.data("selectBox-selectBoxIt").refresh();
                      select_trailer.data("selectBox-selectBoxIt").refresh();
                      select_driver.data("selectBox-selectBoxIt").refresh();
                      select_driver.change();
                  }else{
                     $("#truck").val('');
                     $("#trailer").val('');
                     $("#driver").val('');
                     select_driver.change();
                    $("#truck"+transporterType).data("selectBox-selectBoxIt").refresh();
                    select_trailer.data("selectBox-selectBoxIt").refresh();
                    select_driver.data("selectBox-selectBoxIt").refresh();
                  }       
            }
          }); 

        }
   if(transporterType =="2"){
         $.ajax({
            url: "{{URL::to('transport/planning/getPlanningTripDetails')}}",
            type: 'POST',
            dataType: 'json',
            data: {'transporter_name': transporterName,'type':transporterType, '_token': '{{csrf_token()}}'},
         success: function (response) {
         console.log(response);
              if(response.status){ 
                  $("#truck2").data("selectBox-selectBoxIt").remove();
                  $("#trailer2").data("selectBox-selectBoxIt").remove();
                  $("#driver2").data("selectBox-selectBoxIt").remove();
                  $("#truck2").data("selectBox-selectBoxIt").add({value:'', text:'Select Truck'});
                  $.each(response.data.truck, function (index,value) {
                      $("#truck2").data("selectBox-selectBoxIt").add({value:value, text:value});
                        if(response.planning[0]){
                        var truck = response.planning[0].truck;
                        if(truck == value){
                         $("#truck2").data("selectBox-selectBoxIt").selectOption(value.toString());
                        }
                      }
                        $("#truck2").data("selectBox-selectBoxIt").refresh();
                    });
                   $("#trailer2").data("selectBox-selectBoxIt").add({value:'', text:'Select Trailer'});
                   $.each(response.data.trailer, function (index,value) {
                        $("#trailer2").data("selectBox-selectBoxIt").add({value:value, text:value});
                         if(response.planning[0]){
                            var trailer = response.planning[0].trailer;
                            if(trailer == value ){
                              $("#trailer2").data("selectBox-selectBoxIt").selectOption(value.toString());
                          }
                        }
                      $("#trailer2").data("selectBox-selectBoxIt").refresh();
                  });
                  $("#driver2").data("selectBox-selectBoxIt").add({value:'', text:'Select Driver'});
                  $.each(response.data.driver, function (index,value) {
                     $("#driver2").data("selectBox-selectBoxIt").add({value:value, text:value});
                       if(response.planning[0]){
                           var driver = response.planning[0].driver;
                          if(driver == value){
                              $("#driver2").data("selectBox-selectBoxIt").selectOption(value.toString());
                          }
                    }
                    $("#driver2").data("selectBox-selectBoxIt").refresh();
                  });
                  
              } 
                else{
                  $("#truck2").data("selectBox-selectBoxIt").remove();
                  $("#trailer2").data("selectBox-selectBoxIt").remove();
                  $("#driver2").data("selectBox-selectBoxIt").remove();
                  $("#truck2").data("selectBox-selectBoxIt").add({value: '', text: 'Select Truck'});
                  $("#trailer2").data("selectBox-selectBoxIt").add({value: '', text: 'Select Trailer'});
                  $("#driver2").data("selectBox-selectBoxIt").add({value: '', text: 'Select Driver'});
               }         
            }
             
          });
      }

        
      });

      $("#truck").on('change',function(){
        var truckname = this.value;
        $.ajax({
          url: "{{URL::to('transport/planning/getTrailerDetails')}}",
          type: 'POST',
          dataType: 'json',
          data: {'truck_name': truckname, '_token': '{{csrf_token()}}'},
          success: function (response) {
              var select_trailer = $("#trailer");
               var select_driver = $("#driver");
              if(response.status){
                    select_trailer.find("option[value='" + response.data[0].trailer + "']").prop('selected', 'selected'); 
                    select_driver.find("option[value='" + response.data[0].driver + "']").prop('selected', 'selected');
                    select_driver.data("selectBox-selectBoxIt").refresh();
                    select_trailer.data("selectBox-selectBoxIt").refresh();
                    select_driver.change();
                }else{
                   $("#trailer").val('');
                    $("#driver").val('');
                    select_driver.change();
                  select_trailer.data("selectBox-selectBoxIt").refresh();
                  select_driver.data("selectBox-selectBoxIt").refresh();
                }       
          }
        }); 
        
    });

    
    $("#truck2").on('change',function(){
           var truckname = $(this).val();
           var transporter =  $( "#tname option:selected" ).val();
         $.ajax({
              url: "{{URL::to('transport/planning/getTransportTrailerDetails')}}",
              type: 'POST',
              dataType: 'json',
              data: {'truck_name': truckname, 'transporter': transporter,'_token': '{{csrf_token()}}'},
              success: function (response) {
              console.log(response);
                  var select_trailer = $("#trailer2");
                  var select_driver = $("#driver2");
                  if(response.status){
                   $("#trailer2").data("selectBox-selectBoxIt").remove();
                   $("#trailer2").data("selectBox-selectBoxIt").add({value:'', text:'Select Trailer'});
                    $.each(response.data, function (index,value) {
                      $("#trailer2").data("selectBox-selectBoxIt").add({value:value, text:value});  
                       if(response.planning[0]){
                            var trailer = response.planning[0].trailer;
                            if(trailer == value ){
                              $("#trailer2").data("selectBox-selectBoxIt").selectOption(value.toString());
                          }
                        }
                      $("#trailer2").data("selectBox-selectBoxIt").refresh();
                    });
                    if(response.planning[0]){
                        $("#driver2").find("option[value='" + response.planning[0].driver + "']").prop('selected', 'selected');
                        $("#driver2").data("selectBox-selectBoxIt").refresh();
                  }
                  
                    }else{
                       $("#trailer2").data("selectBox-selectBoxIt").remove();
                        $("#driver2").val('');
                      $("#trailer2").data("selectBox-selectBoxIt").add({value: '', text: 'Select Trailer'});
                      $("#driver2").data("selectBox-selectBoxIt").refresh();
                    }       
              }
            }); 
          
    });

    });

    $(document).on('change', '#tripNrFilter,#orderNrFilter,#bookingNrFilter,#customerFilter,#customerRefFilter,#originFilter,#destinationFilter,#transporterFilter,#truckFilter,#trailerFilter,#driverFilter', function() {
      $('#formnew1').submit();
    });
   </script>

   <style type="text/css">
     #tripNrFilterSelectBoxItContainer {
      display: none;
     }
     #orderNrFilterSelectBoxItContainer {
      display: none;
     }
     #bookingNrFilterSelectBoxItContainer {
      display: none;
     }
     #customerFilterSelectBoxItContainer {
      display: none;
     }
     #customerRefFilterSelectBoxItContainer {
      display: none;
     }
     #originFilterSelectBoxItContainer {
      display: none;
     }
     #destinationFilterSelectBoxItContainer {
      display: none;
     }
     #transporterFilterSelectBoxItContainer {
      display: none;
     }
     #truckFilterSelectBoxItContainer {
      display: none;
     }
     #trailerFilterSelectBoxItContainer {
      display: none;
     }
     #driverFilterSelectBoxItContainer {
      display: none;
     }
   </style>

@endsection