@extends('layouts.main_without_top_button')
@section('title')
	LOADING ORDER STATUS
@stop
@section('navigation')
	<ul class="breadcrumb">
		<li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
		<li><a href="{{route('operations.reports.reports')}}">Reports</a> <span class="divider">/</span></li>
		<li><a href="{{route('operations.reports.reports')}}">Operation Reports</a> <span class="divider">/</span></li>
{{--		<li class="active">{{trans('logistics.complete_routes')}}</li>--}}
	</ul>
@stop
@section('contentinner')
	<div class="tabbable">
		<style>
			.td_left_border {
				border-top: 1px solid #dddddd;
				border-left: 1px solid #dddddd;
				border-bottom: 0;
			}

			.td_border_right {
				border-right: 1px solid #dddddd;
			}

			.widgettitle {
				color: #000000;
			}
		</style>
		<div class="tab-content">
			<div class="tab-pane active" style="margin-top: 12px;">
				<center>
					<center style="margin-bottom: 8px">
						<form id="report_form" accept-charset="UTF-8" style="text-align: center" method="POST" target="_blank" role="form" action="{{route('operations.loading_order_status.print')}}" autocomplete="off">
							<input type="hidden" name="_token" value="{{csrf_token()}}">


							<select name="trucks[]" multiple class="searchable span3">
								@foreach($trucks as $truck)
									<option value="{{$truck->name}}">{{$truck->name}}</option>
								@endforeach
							</select>


							<input type="text" name="from" class=" span2 datepickers" autocomplete="off" placeholder="From">
							<input type="text" name="to" class="span2 datepickers" autocomplete="off" placeholder="To"  >

							<button type="button" id="generate_report" class="btn" style="margin-right: 2px"> GENERATE</button>
							<button type="submit" id="pdf" class="btn" style="margin-right: 2px"><i  class="icon-print"></i> PDF</button>


						</form>
					</center>
					<div id="report_holder">

					</div>
				</center>
			</div>

		</div>

	</div>
	<script>
		jQuery('.searchable').select2();
		$('.datepickers').datepicker({format: 'yyyy-mm-dd'});

		function generate_report(){
			var url = "{{route('operations.loading_order_status.generate')}}";
			var formData = jQuery('#report_form').serialize();
			jQuery.ajax({
				url: url,
				type: 'post',
				data: formData,
				cache: false,
				beforeSend: function () {
					startSpinner();
				},
				success: function (data) {
					jQuery('#report_holder').html(data).trigger('change');
				},
				complete: function () {
					stopSpinner();
				}
			});
		}

		jQuery('#generate_report').on('click', function (e) {
			e.preventDefault();
			generate_report();
		});



	</script>
@stop