@extends('admin.layout.app')

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

@section('main-content')
	<section class="content-header">
		<h1>
			Factory: {{ App\Model\consignee::find($consignee_id)->name }}
		</h1>
	</section>

	<section class="content">

		<!-- Default box -->
		<div class="box">
			<div class="box-header with-border">
				<h3 class="box-title">IMPORT DETAILS</h3>

				<div class="col-lg-offset-5"><a href="{{ route('import_detail.create') }}" class="btn btn-success">ADD IMPORT DETAIL
					</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-bordered table-striped table">
					<thead>
						<tr>
							<th>No.</th>
							<th>Date</th>
							<th>Country</th>
							<th>Vessel</th>
							<th>Type of Beans</th>
							<th>Import Reference</th>
							<th>Tonnage</th>
							<th>Tonnage Left</th>
							<th>EDIT</th>
							{{-- <th>DELETE</th> --}}
						</tr>
					</thead>
					<tbody>

						@foreach ($import_details as $import_detail)
							<tr>
								<td>{{ $loop->index + 1 }}</td>
								<td>{{ $import_detail->time_of_arrival }}</td>
								<td>{{ strtoupper($import_detail->country) }}</td>
								<td>{{ strtoupper($import_detail->vessel) }}</td>
								<td>{{ strtoupper(ltrim($import_detail->crop->name, 'Ghana')) }}</td>
								<td>{{ strtoupper($import_detail->import->import_ref) }}</td>
								<td>{{ $import_detail->tonnage }}</td>
								<td style="color: red;">{{ number_format($import_detail->tonnage_balance, 4) }}
								</td>
								<td><a href="{{ route('import_detail.edit', $import_detail) }}" class="btn btn-primary"
										@if (Carbon\Carbon::parse($import_detail->import->expiry_date)->format('Y-m-d') < Carbon\Carbon::now()) disabled = "disabled" @endif oncontextmenu="return false;">EDIT</a></td>

								{{-- <td><form style="display: none;" id="form-data-{{$import_detail->id}}" action="{{ route('import_detail.destroy',$import_detail) }}" method="post">{{csrf_field()}} {{method_field('DELETE')}}</form><button class="btn btn-danger" onclick="if(confirm('wanna delete?')){event.preventDefault(); document.getElementById('form-data-{{$import_detail->id}}').submit();} else{ event.preventDefault();}">DELETE</button></td> --}}

							</tr>
						@endforeach

					</tbody>
					<tfoot>
						<tr>
							<th>No.</th>
							<th>Date</th>
							<th>Country</th>
							<th>Vessel</th>
							<th>Type of Beans</th>
							<th>Import Reference</th>
							<th>Tonnage</th>
							<th>Tonnage Left</th>
							<th>EDIT</th>
							{{-- <th>DELETE</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>
		$(function() {
			$('#example1').DataTable()
			$('#example2').DataTable({
				'paging': true,
				'lengthChange': false,
				'searching': false,
				'ordering': true,
				'info': true,
				'autoWidth': false
			})
		})
	</script>
@endsection