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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title"> Delivery</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('update.ctor',$ctor) }}"  enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}} {{method_field('PUT')}}
			
			<div class="box-body">
				<div class=" col-md-offset-1 col-md-12">
					
					{{csrf_field()}} {{method_field('PUT')}}
					
					<div class="col-md-4">
						

						<div class="form-group">
							<label for="ctor_number">CTOR Number: </label>
							<input type="text" class="form-control" id="ctor_number" name="ctor_number" placeholder="CTOR Number" value="{{$ctor->ctor_number}}">
						</div>

						<div class="form-group">
							<label for="ctor_date">CTOR Date: </label>
							<input type="date" class="form-control" id="ctor_date" name="ctor_date" placeholder="CTOR DATE." value="{{$ctor->ctor_date}}" >
						</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">
							<option value="0">Select lbc.</option>
							@foreach ($lbcs as $lbc)
							<option value="{{$lbc->id}}" @if ($lbc->id == $ctor->lbc_id) selected @endif>{{$lbc->name}}</option>
							@endforeach
							
						</select>
						<br><br>

						</div

						><div class="form-group">

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

					</div>

					
					

					
					<div class="form-group">

						<label for="region_id"> region</label>
						<select id="region_id" class="form-control select2 required" data-placeholder="Select LBC"
						style="width: 100%;" name="region_id">
						<option value="0">Select region.</option>
						@foreach ($regions as $region)
						<option value="{{$region->id}}"  @if ($ctor->region_id == $region->id ) selected @endif>{{$region->name}}</option>
						@endforeach
					</select>
					<br><br>

				</div>
				
				
				
			</div>
			
		</div>
	</div>
	
	<!-- /.box-body -->
	<div class="box-footer">
		<button type="submit" id="ctor_submit_form" 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();

		$('#ctor_submit_form').on('click', function(event) {
			lbc_id = $('#lbc_id').val();
			category_id = $('#category_id').val();
			region_id = $('#region_id').val();
			
			if (lbc_id == '0'|| category_id == '0'|| region_id == '0') {
				event.preventDefault();
				alert('Kindly a CTOR Category, LBC or Date');
				return false;	
			}
			else {
				return true;
			}
			

		});
		
		$('#myFormId').submit(function(){
			$("#ctor_submit_form", this)
			.html("Please Wait...")
			.attr('disabled', 'disabled');
			return true;
		});
	})
</script>

@endsection