@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" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css">
@endsection

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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Bush Deliveries</h3>
      <div class="col-lg-offset-5"><a href="{{ route('dashboard.index') }}" class="btn btn-success">Dashboard</a></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="box-body table-responsive">
      <table id="example1" class="table table-bordered table-striped table-condensed" style="width:100%">
        <thead>
          <tr>
            <th>No.</th>
            <th>LBC</th>
            <th>TOC</th>
            <th>Season</th>
            <th>No. of Bags</th>
            <th>ETA</th>
            <th>Driver's Name</th>
            <th>Driver's Contact</th>
            <th>Mate's Name</th>
            <th>Mate's Contact</th>
            <th>Driver's License</th>
            <th>Truck Number</th>
            <th>Warehouse</th>
            <th>Park</th>
            <th>Shed</th>
            <th>Check Status</th>
            
          </tr>
        </thead>
        <tbody>

          @foreach ($bush_deliverys as $bush_delivery)
          <tr>
           <td>{{$loop->index + 1}}.</td>
           <td>{{strtoupper($bush_delivery->lbc['name'])}}</td>
           <td>{{strtoupper($bush_delivery->port['name'])}}</td>
           <td>@foreach ($seasons as $season)
             @if ($bush_delivery->season_id == $season->id)
             {{$season->name}}
             @endif
           @endforeach</td>
           <td>{{$bush_delivery->no_bags}}</td>
           <td>{{$bush_delivery->eta}}</td>
           <td>{{$bush_delivery->driver_name}}</td>
           <td>{{$bush_delivery->driver_contact}}</td>
           <td>{{$bush_delivery->mate_name}}</td>
           <td>{{$bush_delivery->mate_contact}}</td>
           <td>{{$bush_delivery->driver_license}}</td>
           <td>{{$bush_delivery->truck_no}}</td>
           <td>{{strtoupper(optional($bush_delivery->warehouse)->name)}}</td>
           <td>{{strtoupper(optional($bush_delivery->park)->code)}}</td>
           <td>{{strtoupper(optional($bush_delivery->shed)->name)}}</td>
           <td>{{strtoupper($bush_delivery->status)}}</td>
           
         </tr>
         @endforeach
         
       </tbody>
       <tfoot>
        <tr>
          <th>No.</th>
          <th>LBC</th>
          <th>TOC</th>
          <th>Season</th>
          <th>No. of Bags</th>
          <th>ETA</th>
          <th>Driver's Name</th>
          <th>Driver's Contact</th>
          <th>Mate's Name</th>
          <th>Mate's Contact</th>
          <th>Driver's License</th>
          <th>Truck Number</th>
          <th>Warehouse</th>
          <th>Park</th>
          <th>Shed</th>
          <th>Check Status</th>
          
        </tr>
      </tfoot>
    </table>
    {{$bush_deliverys->links()}}
  </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="https://code.jquery.com/jquery-3.3.1.js">
 
</script>

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js">
 
</script>

<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js">
 
</script>

<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js">
 
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js">
 
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js">
 
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js">
 
</script>

<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js">
 
</script>

<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js">
 
</script>

<script>
  $(function () {
    /*$('#example1').DataTable({

      'paging': true, 
       'searching'   : true,
       dom: 'Bfrtip',
       

  })

    $('#example2').DataTable({
      'paging'      : true,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false
    })*/

    $('#example1').DataTable( {
      'searching'   : false,
      'paging'      : true,
      dom: 'Bfrtip',
      buttons: [
        'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );


  })
</script>

@endsection