@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>
		PARKING MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">SHED</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')
		<form role="form" method="post" action="{{ route('summaries.update',$summary_sheet) }}" enctype="multipart/form-data">
			{{csrf_field()}} {{method_field('PUT')}}

			<div class="box-body">
				<div class=" col-md-offset-1 col-md-6">
					<div class="col-md-8">
						
						<div class="form-group">

							<label for="season_id"> Select season</label>
							<select id="season_id" class="form-control select2 required" data-placeholder="Select season"
							style="width: 100%;" name="season_id" required>
							<option value="">Select season.</option>
							@foreach ($seasons as $season)
							<option value="{{$season->id}}" @if ($summary_sheet->season_id == $season->id)
								selected 
								@endif>{{$season->name}}</option>
								@endforeach

							</select>
							<br><br>

						</div>
						<div class="form-group">

							<label for="lbc_id"> Select lbc</label>
							<select id="lbc_id" class="form-control select2 required" data-placeholder="Select lbc"
							style="width: 100%;" name="lbc_id" required>
							<option value="">Select lbc.</option>
							@foreach ($lbcs as $lbc)
							<option value="{{$lbc->id}}" @if ($summary_sheet->lbc_id == $lbc->id)
								selected 
								@endif>{{$lbc->name}}</option>
								@endforeach

							</select>
							<br><br>

						</div>
						<div class="form-group">

							<label for="cocoa_type_id"> Select cocoa type</label>
							<select id="cocoa_type_id" class="form-control select2 required" data-placeholder="Select cocoa type"
							style="width: 100%;" name="cocoa_type_id" required>
							<option value="">Select cocoa type.</option>
							@foreach ($cocoa_types as $cocoa_type)
							<option value="{{$cocoa_type->id}}" @if ($summary_sheet->cocoa_type_id == $cocoa_type->id)
								selected 
								@endif>{{$cocoa_type->type_name}}</option>
								@endforeach

							</select>
							<br><br>

						</div>

						<div class="form-group">

							<label for="grade"> Select Grade</label>
							<select id="grade" class="form-control select2 required" data-placeholder="Select Grade"
							style="width: 100%;" name="grade" required>
							<option value="">Select Grade.</option>
							<option value="I/II" @if ($summary_sheet->grade == 'I/II')
								selected 
								@endif>Grade I/II</option>
								<option value="SS" @if ($summary_sheet->grade == 'SS')
									selected 
									@endif>Grade SS</option>

								</select>
								<br><br>

							</div>
							<input type="hidden" name="port_id" value="{{$port_id}}">

						</div>

					</div>
				</div>

				<!-- /.box-body -->
				<div class="box-footer">
					<button type="submit" class="btn btn-primary">Submit</button>
				</div>
			</form>
			<!-- /.box-footer-->
		</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/select2/dist/js/select2.full.min.js')}}"></script>
	<script>
		$(function () {

			$('.select2').select2();
			$('#summaryForm').submit(function(){
				$("#verify_submit", this)
				.html("Please Wait...")
				.attr('disabled', 'disabled');
				return true;
			});

		})
	</script>

	@endsection