@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_waybills</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-bordered table-striped table">
					<thead>
						<tr>
							<th>No.</th>
							<th>bush Waybill Number</th>
							<th>bush waybill Date</th>
							<th>Station</th>
							<th>Grade</th>
							<th>Category</th>
							<th>No. of Bags</th>
							<th>EDIT</th>

						</tr>
					</thead>
					<tbody>

						@foreach ($bush_waybills as $bush_waybill)
							<tr>
								<td>{{ $loop->index + 1 }}</td>
								<td>{{ $bush_waybill->bush_waybill_no }}</td>
								<td>{{ $bush_waybill->bush_waybill_date }}</td>
								<td>{{ optional($bush_waybill->station)->station_name }}</td>
								<td>{{ $bush_waybill->bush_grade }}</td>
								<td>{{ optional(App\Model\category::find($bush_waybill->category_id))->name }}</td>
								<td>{{ $bush_waybill->bush_no_of_bags }}</td>
								<td><a href="{{ route('superadmin.edit_bush_waybill', $bush_waybill) }}" class="btn btn-primary">EDIT</a></td>

							</tr>
						@endforeach

					</tbody>
					<tfoot>
						<tr>
							<th>No.</th>
							<th>bush Waybill Number</th>
							<th>bush waybill Date</th>
							<th>Station</th>
							<th>Grade</th>
							<th>Category</th>
							<th>No. of Bags</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