@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>
		Special Services
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">SS REPORTS</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('ss_report.results') }}" enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}}
			<div class="box-body">
				<div class=" col-md-offset-0 col-md-6">
					<div class="col-md-8">
						<div class="form-group">
							<label for="dfrom">Date from: </label>
							<input type="datetime-local" class="form-control" id="dfrom" name="dfrom" placeholder="" required>
						</div>

					</div>

					<div class="col-md-8">
						<div class="form-group">
							<label for="dto">Date to: </label>
							<input type="datetime-local" class="form-control" id="dto" name="dto" placeholder="" required>
						</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>
							<option value="All">All</option>
							@foreach ($lbcs as $lbc)
							<option value="{{$lbc->id}}">{{$lbc->name}}</option>
							@endforeach

						</select>
						<br><br>

					</div>


					<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>
						<option value="All">All</option>
						@foreach ($seasons as $season)
						<option value="{{$season->id}}">{{$season->name}}</option>
						@endforeach

					</select>
					<br><br>

				</div>

				<div class="form-group">

					<label for="report_type"> Select Report Type:</label>
					<select id="report_type" class="form-control select2 required" data-placeholder="Select report"
					style="width: 100%;" name="report_type" required>
					<option value="">Select Report Type.</option>
					<option value="dts">Daily Truck Situation.</option>
					<option value="drt">Daily Registered Trucks.</option>
					<option value="sam">Summary LBC Receipts</option>

				</select>
				<br><br>

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

                <label for="delivery_type"> Select Delivery Type:</label>
                <select id="delivery_type" class="form-control select2 required" data-placeholder="Select Delivery Type"
                style="width: 100%;" name="delivery_type" required>
                <option value="">Select Delivery Type.</option>
                <option value="bush delivery">Bush Delivery</option>
                <option value="discrepant">LBC Discrepant</option>
            </select>
            <br><br>

        </div>

    </div>

</div>
</div>

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

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

@endsection