@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">Shipping Programme</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('shipping_programme.store') }}" enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}}
			<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}}">{{$season->name}}</option>
							@endforeach
							
						</select>
						<br><br>

					</div>
					
					<div class="form-group">
						<label for="location"> DTD</label>
						<input type="date" class="form-control" id="dtd" name="dtd" placeholder="dtd" required>
					</div>

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

						<label for="programme_schedule"> Select Schedule</label>
						<select id="programme_schedule" class="form-control select2 required" data-placeholder="Select Schedule"
							style="width: 100%;" name="programme_schedule">
							<option value="0" disabled selected>Select Schedule.</option>
							<option value="morning">Morning.</option>
							<option value="supplementary">Supplementary.</option>
							
							
						</select>
						<br><br>

					</div> -->
					
				</div>

			</div>
		</div>
		
		<!-- /.box-body -->
		<div class="box-footer">
			<button type="submit" id="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();
		
		$('#submit_form').on('click', function(event) {
			season_id = $('#season_id').val();
    	//alert(season_id)
    	programme_schedule = $('#programme_schedule').val();

    	
    	if (season_id == '0' || programme_schedule =='0') {
    		event.preventDefault();
    		alert('Kindly select a Season or Schedule');
    		return false;	
    	}
    	else  {
    		var cm = confirm('Are you sure you want to add a shipping programme?')
    		if (cm == true) {
    			
    			return true;
    		}
    		else {
    			return false;
    		}
    	}
    	
    	
    });
		$('#myFormId').submit(function(){
			$("#submit_form", this)
			.html("Please Wait...")
			.attr('disabled', 'disabled');
			return true;
		});

	})
</script>

@endsection