@extends('admin.layout.app')

@section('more-head')
  <link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
  <link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">

@endsection


@section('main-content')
<section class="content-header">
  <h1>
    OPERATIONS MANAGEMENT SYSTEM
    
  </h1>

</section>

<section class="content">

  <!-- Default box -->
  <div class="box">
    <div class="">
      
            <div class=""><button id="printscrn" class="btn btn-success">Print</button></div>
            <div class=" showee">
            <img class="col-md-2" style="width: 150px; height: 100px;" src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image">
            <br>
            @if (empty(Auth::user()->shed_id))
            <h3 style="text-align: center;"> {{strtoupper(Auth::user()->port->name)}} TOC ARRIVAL DESK</h3> 
             @else
             <h3 style="text-align: center;"> {{strtoupper(Auth::user()->shed->name)}} SHED</h3>
            @endif
           
          <h2 style="text-align: center;"> Offloading Trucks  : {{\Carbon\Carbon::parse($date_from)->format('jS F Y')}} - {{ \Carbon\Carbon::parse($date_to)->format('jS F Y')}}</h2>
            <br> 
            <br> 
           
           </div>
            
    
    </div>
    
    
      <div class="box-body table-responsive">
         <table id="example3" class="table table-bordered table-striped">
                <thead>
                <tr>
                      <th>No.</th>
                      <th>TRANSACTION CODE</th>
                      <th>TRUCK </th>
                      <th>LBC</th>
                      <th>QUANTITY</th>
                      <th>SHED</th>
                      
                       
                  </tr>
          </thead>
          <tbody>
             
                     @foreach ($internal_waybills as $internal_waybill)
                        
                      <tr>
                        <td>{{$loop->index + 1}}.</td>
                        <td style="color: indigo; font-weight: bold;">{{$internal_waybill->bush_delivery->transaction_code}}</td>
                        <td>{{strtoupper($internal_waybill->bush_delivery->truck_no)}}</td>
                          <td style="font-weight: bold;">{{$internal_waybill->bush_delivery->lbc->name}}</td>
                          <td style="font-weight: bold; color: red">{{$internal_waybill->internal_no_of_bags}}</td>
                          <td>{{strtoupper($internal_waybill->shed->name)}}</td>
                          
                          
                        </tr>
                      @endforeach
          </tbody>
        </table>
        
      </div>
        
      <!-- /.box-body -->
      <div class="box-footer">
        
      </div>
  
    
  </div>
  <!-- /.box -->

</section>

@endsection

@section('more-scripts')
  <script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
    <script>
  $(function () {
     $('.select2').select2();
    $('#example1').DataTable()
    $('#example2').DataTable({
      'paging'      : true,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false
    })

    $('#printscrn').on('click', function(event) {
      event.preventDefault();
      $('.hiide').hide();
      $(this).hide();
      window.print();
      $(this).show();
      $('.hiide').show();
      //$('.showee').hide();
    });

   


  })
</script>

@endsection