@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="box-header with-border">
      <h3 class="box-title col-md-12">Programmed Truck List </h3>
      <hr>
      <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>
        <h3 class="box-title col-md-12">Programmed Truck List Between <span style="color: indigo; font-weight: bolder;"> {{\Carbon\Carbon::parse($request->date_from)->format('jS F Y')}}   </span>and  <span style="color: indigo; font-weight: bolder;"> {{\Carbon\Carbon::parse($request->date_to)->format('jS F Y')}}</span> </h3>
        
        

        <br> 
        
      </div>
      
      <div class="box-tools pull-right">
        <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
        title="Collapse">
        <i class="fa fa-minus"></i></button>

      </div>
    </div>
    <div class="">
     
    </div>
    
    <div class="box-body table-responsive">
     <table id="example3" class="table table-bordered table-striped">
      <thead>
        <tr>
          <th>No.</th>
          <th>LBC</th>
          <th>TRUCK </th>
          <th>TRANSACTION CODE</th>
          <th>QUANTITY</th>
          
          <th>SHED</th>
          <th>LEFTOVER STATUS</th>
          
          
        </tr>
      </thead>
      <tbody>
       
       @foreach ($internal_waybills as $internal_waybill)
       
       <tr>
        <td>{{$loop->index + 1}}.</td>
        <td style="font-weight: bold;">{{$internal_waybill->lbc}}</td>
        <td>{{strtoupper($internal_waybill->truck_no)}}</td>
        <td style="color: indigo; font-weight: bold;">{{$internal_waybill->transaction_code}}</td>
        <td style="font-weight: bold; color: red">{{$internal_waybill->total_bags}}</td>
        
        <td style="font-weight: bold; color: indigo">{{$internal_waybill->shed_name}}</td>
        
        <td> @if(strtoupper($internal_waybill->status) == 1)
          YES
          @else
          NO
          @endif
        </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();
    
    $(this).hide();
    $('.hiide').hide();
    window.print();
    $(this).show();
    $('.hiide').show();
      //$('.showee').hide();
  });
   


 })
</script>

@endsection