@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')}}">
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		TERMINAL MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<form role="form" method="post" action="{{ route('equipform.updateCertifyContainer',$container) }}" enctype="multipart/form-data">
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">QCC CONTAINER INSPECTION</h3>

			<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>
		 @include('includes.messages')
		{{csrf_field()}} {{method_field('PUT')}}
		<div class="box-body">
			<div class=" col-md-12">
				<div class=" col-md-6 table-responsive">
					
					<table class="table table-striped  table-bordered table-condensed" style="width: 100%;" id="tble" >
						<tbody>
							<tr><th>SHIPPING CONTRACT INFO</th><th>DETAILS</th></tr> 
							<tr><th>CONTRACT NUMBER</th><td>{{strtoupper($equipform->contract_no)}}</td></tr>
							<tr><th>PORT</th><td>{{strtoupper($equipform->loading_port)}}</td></tr>
							<tr><th>TONNAGE TO BE SHIPPED</th><td>{{strtoupper($equipform->quantity)}}</td></tr>
							<tr><th>NAME OF VESSEL</th><td>{{strtoupper($equipform->vessel->name)}}</td></tr>
							<tr><th>DATE OF SHIPMENT</th><td>{{strtoupper($equipform->eta)}}</td></tr>
							<tr><th>DESTINATION</th><td>{{strtoupper($equipform->destination)}}</td></tr>
							<tr><th>SIZE OF CONTAINER</th><td>{{strtoupper($equipform->container_size)}}</td></tr>
							
						</tbody>
					</table>
				</div>
				<div class=" col-md-6 table-responsive">
					
					<table class="table table-striped  table-bordered table-condensed" style="width: 100%;" id="tble" >
						<tbody>
							<tr><th>CONTAINER INFO: </th><th>DETAILS</th></tr>
							<tr><th>CONTAINER NUMBER: </th><th style="font-weight: bold; color: green;">{{strtoupper($container->number)}}</th></tr>
							<tr><th>CONTAINER SIZE: </th><td style="font-weight: bold; color: blue;">{{strtoupper($container->size)}}</td></tr>
							<tr><th>CONTAINER LOCATION: </th><td style="font-weight: bold; color: red;">{{strtoupper($container->location)}}</td></tr>
							
						</tbody>
					</table>
				</div>
			</div>

			<div class=" col-md-12">
				
					<div class="col-md-10">
						   <h1 style="color: blue; text-align: center;"> 
						   REQUIREMENT AND OBSERVATION

						   </h1>	
						  

						   <div class="col-md-4">
						   	
						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Presence of Toxic Symbol
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="toxic_symbol" @if ($container->toxic_symbol == 'yes') checked @endif value="yes" id="tsyep" >
						   				yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="toxic_symbol" @if ($container->toxic_symbol == 'no') checked @endif value="no" id="tsno">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>
						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Hinges & Latches
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="hinges" @if ($container->hinges == 'good') checked @endif value="good" id="hyep" >
						   				Good
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="hinges" @if ($container->hinges == 'poor') checked @endif value="poor" id="hpoor">
						   				Poor
						   			</label>
						   		</div>
						   	</div>
						   	<br>
						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Door Gaskets & Seals
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="gasket_seals" @if ($container->gasket_seals == 'good') checked @endif value="good" id="gsyep" >
						   				Good
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="gasket_seals" @if ($container->gasket_seals == 'poor') checked @endif value="poor" id="gspoor">
						   				Poor
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Sanitation inside containers
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="sanitation" @if ($container->sanitation == 'good') checked @endif value="good" id="syep" >
						   				Good
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="sanitation" @if ($container->sanitation == 'poor') checked @endif value="poor" id="spoor">
						   				Poor
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Leakages
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="leakages" @if ($container->leakages == 'yes') checked @endif value="yes" id="lyep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="leakages" @if ($container->leakages == 'no') checked @endif value="no" id="lnope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>
						   </div>

						   <div class="col-md-4">

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Physical Damage to the Floor, Walls and Roof
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="phyical_damages" @if ($container->phyical_damages == 'yes') checked @endif value="yes" id="pyep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="phyical_damages" @if ($container->phyical_damages == 'no') checked @endif value="no" id="lnope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Rusty Walls
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="rusty_walls" @if ($container->rusty_walls == 'yes') checked @endif value="yes" id="ryep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="rusty_walls" @if ($container->rusty_walls == 'no') checked @endif value="no" id="rnope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>	

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Stains of any kind (Oil, Acid, Paint etc.)
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="stains" @if ($container->stains == 'yes') checked @endif value="yes" id="styep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="stains" @if ($container->stains == 'no') checked @endif value="no" id="stnope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Ventilation System
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="ventilation" @if ($container->ventilation == 'yes') checked @endif value="yes" id="vyep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="ventilation" @if ($container->ventilation == 'no') checked @endif value="no" id="vnope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	<div class="form-group">

						   		<label style="color:red; font-size: 16px;">
						   			* Presence of Odour
						   		</label>

						   		<div class="radio">
						   			<label>
						   				<input type="radio" name="odour" @if ($container->odour == 'yes') checked @endif value="yes" id="oyep" >
						   				Yes
						   			</label>
						   			<label style="margin-left: 50px;">
						   				<input type="radio" name="odour" @if ($container->odour == 'no') checked @endif value="no" id="onope">
						   				No
						   			</label>
						   		</div>
						   	</div>
						   	<br>

						   	
						   </div>
						   <div class="col-md-4">
						   	
							   	<div class="form-group">
							   		<label for="previous_cargo" id="r">Previous Cargo </label>
							   		<input type="text" class="form-control" id="previous_cargo" name="previous_cargo">
							   	</div>
						   	
						   </div>



					</div>

				
			</div>
		</div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-primary">Confirm</button>
			</div>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->
	</form>

</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();
    
    
    });
   
  })
</script>

@endsection