@extends('admin.layout.app')

@section('more-head')
<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')}}">
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/responsive.dataTables.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">bush_deliverys</h3> <hr>
      
			<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">
      <thead>
        <tr>
          <th>No.</th>
          <th>TRANSACTION CODE</th>
          <th>LBC</th>
          <th>Type</th>
          <th>TRUCK NO.</th>
          <th>EDIT</th>
          
        </tr>
      </thead>
      <tbody>
        @foreach ($bush_deliverys as $bush_delivery)
        <tr>
         <td>{{$loop->index + 1}}</td>
         <td>{{$bush_delivery->transaction_code}}</td>
         <td>{{$bush_delivery->lbc->name}}</td>
         <td>{{$bush_delivery->type}}</td>
         <td>{{$bush_delivery->truck_no}}</td>
         <td><a href="{{ route('superadmin.edit_transaction',$bush_delivery) }}" class="btn btn-primary">EDIT</a></td>
         
       </tr>
       @endforeach
       
     </tbody>
     <tfoot>
      <tr>
       <th>No.</th>
       <th>TRANSACTION CODE</th>
       <th>LBC</th>
       <th>Type</th>
       <th>TRUCK NO.</th>
       <th>EDIT</th>
       
     </tr>
   </tfoot>
 </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/datatables.net/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('admin/bower_components/datatables.net/js/dataTables.colReorder.min.js')}}"></script>
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
<script src="{{--asset('admin/dist/js/forwardonly.js')--}}"></script>

<script>
  $(function () {
    $('#example1').DataTable({
      'lengthChange': true,
      'searching': true,
      ' ordering': true,
      'info': true,
      'autoWidth': false,
      'responsive': true

    })
  })
</script>

@endsection