@extends('admin.layouts.master')

@section('page-title') عرض طلبات المندوب اليومية @endsection
@section('header-title') طلبات المندوب اليومية @endsection
@push('main-drivers-active') m-menu__item--active @endpush

@section('content')
<div class="row">
	<div class="col-md-12">
		<!--begin::Portlet-->
		<div class="m-portlet m-portlet--tab">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<span class="m-portlet__head-icon">
							<i class="flaticon-notes"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> طلبات المندوب اليومية </span>
						</h3>
					</div>
				</div>
				<div class="m-portlet__head-tools">
					<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
						<li class="nav-item m-tabs__item">
							<a href="{{ route('admin.drivers.index') }}" class="btn btn-primary m-btn m-btn--icon">
								<span>
									<i class="flaticon-reply"></i>
									<span>العودة للمناديب</span>
								</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="m-portlet__body">
				<h3 class="m-portlet__head-text" style="text-align: center;">
					<span> اسم المندوب: {{ $data['driver']['name'] }} </span>
				</h3>
				@include('admin.includes.alerts')
				<div class="row">
					<div class="col-sm-12 text-left">
						<div id="m_table_1_filter" class="dataTables_filter">
							<form>
								<label>
									تاريخ التسليم (المطلوب):
									<input type="date" name="order_delivery_date" class="form-control form-control-sm order_delivery_date" autocomplete="off">
								</label>
								<label>
									تاريخ التسليم (الفعلي):
									<input type="date" name="order_done_at" class="form-control form-control-sm order_done_at" autocomplete="off">
								</label>
							</form>
						</div>
					</div>
				</div>
				<div class="row">
					<div id="table-container" class="col-12">
						@include('admin.drivers.daily_orders_table')
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_style')
@endpush

@push('page_level_script')
	<script type="text/javascript">
		$(document).on('change', '.order_delivery_date, .order_done_at', function(event) {
			var delivery_date	=	$('.order_delivery_date').val();
			var done_at			=	$('.order_done_at').val();
			var url = $(this).attr('href');
			get_data(url, delivery_date, done_at);
		});

		$(document).ready(function () {
			init_dt();
		});

		function init_dt() {
			$("#m_table_1").DataTable({
				responsive: !0,
				dom: "<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>\n\t\t\t<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",
				buttons: [{
					extend: 'print',
					exportOptions: {
						columns: ':visible'
					}
				}, {
					extend: 'copyHtml5',
					exportOptions: {
						columns: ':visible'
					}
				}, {
					extend: 'excelHtml5',
					exportOptions: {
						columns: ':visible'
					}
				}, {
					extend: 'colvis',
					exportOptions: {
						columns: ':visible'
					}
				}],
				language: {
					"sProcessing": "جارٍ التحميل...",
					"sLengthMenu": "أظهر _MENU_ مدخلات",
					"sZeroRecords": "لم يعثر على أية سجلات",
					"sInfo": "إظهار _START_ إلى _END_ من أصل _TOTAL_ مدخل",
					"sInfoEmpty": "يعرض 0 إلى 0 من أصل 0 سجل",
					"sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
					"sInfoPostFix": "",
					"sSearch": "ابحث:",
					"sUrl": "",
					"oPaginate": {
						"sFirst": "الأول",
						"sPrevious": "السابق",
						"sNext": "التالي",
						"sLast": "الأخير"
					},
					buttons: {
						print: 'طباعة',
						colvis: 'تحديد الأعمدة'
					}
				}
			});
		}
	</script>

	<script type="text/javascript">
		$(document).on('click', '#table-container .pagination a', function(event) {
			event.preventDefault();
			$('li').removeClass('active');
			$(this).parent('li').addClass('active');
			var url = $(this).attr('href');
			get_data(url);
		});
	  
		function get_data(url, delivery_date, done_at) {
			$('#load').show();
			$.ajax({
				url: url,
				data: {
					delivery_date: delivery_date,
					done_at: done_at
				}
			}).done(function (data) {
				$("#table-container").empty().html(data);
				init_dt();
				$('#load').hide();
			});
		}
	</script>

	<script type="text/javascript">
		function get_daily_orders(driver_id) {
			$('#load').show();
			$.ajax({
				url: admin_url + "/drivers/daily_orders",
				type: "get",
				dataType: "JSON",
				data: {
					driver_id: driver_id
				},
				success: function(data){
					$('#load').hide();
					$('.rewards-table').html(data.table);
				},
				complete: function () {
				},
				error: function (jqXHR, textStatus, errorThrown) {
					$('#load').hide();
					swal({title: 'يرجى اعادة المحاولة', icon: "error"});
				}
			});
		}
	</script>
@endpush