@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">
				<div class="m-portlet ">
					<div class="m-portlet__body  m-portlet__body--no-padding">
						<div class="row m-row--no-padding m-row--col-separator-xl">
							<div class="col-md-12 col-lg-6 col-xl-3">
								<!--begin::Total Profit-->
								<div class="m-widget24">
									<div class="m-widget24__item">
										<h4 class="m-widget24__title">
											اجمالي الطلبات
										</h4>
										<br>
										<span class="m-widget24__desc">
											اجمالي طلبات العميل
										</span>
										<span class="m-widget24__stats m--font-brand">
											{{ $total_count }}
										</span>
										<div class="m--space-10"></div>
									</div>
								</div>
								<!--end::Total Profit-->
							</div>
							<div class="col-md-12 col-lg-6 col-xl-3">
								<!--begin::New Feedbacks-->
								<div class="m-widget24">
									<div class="m-widget24__item">
										<h4 class="m-widget24__title">
											الطلبات الفعالة
										</h4>
										<br>
										<span class="m-widget24__desc">
											اجمالي الطلبات الفعالة
										</span>
										<span class="m-widget24__stats m--font-info">
											{{ $active_orders }}
										</span>
										<div class="m--space-10"></div>
									</div>
								</div>
								<!--end::New Feedbacks-->
							</div>
							<div class="col-md-12 col-lg-6 col-xl-3">
								<!--begin::New Orders-->
								<div class="m-widget24">
									<div class="m-widget24__item">
										<h4 class="m-widget24__title">
											الطلبات المنتهية
										</h4>
										<br>
										<span class="m-widget24__desc">
											اجمالي الطلبات المنتهية
										</span>
										<span class="m-widget24__stats m--font-success">
											{{ $done_orders }}
										</span>
										<div class="m--space-10"></div>
									</div>
								</div>
								<!--end::New Orders-->
							</div>
							<div class="col-md-12 col-lg-6 col-xl-3">
								<!--begin::New Users-->
								<div class="m-widget24">
									<div class="m-widget24__item">
										<h4 class="m-widget24__title">
											الطلبات الملغاة
										</h4>
										<br>
										<span class="m-widget24__desc">
											اجمالي الطلبات الملغاة
										</span>
										<span class="m-widget24__stats m--font-danger">
											{{ $cancelled_orders }}
										</span>
										<div class="m--space-10"></div>
									</div>
								</div>
								<!--end::New Users-->
							</div>
						</div>
					</div>
				</div>
				<h3 class="m-portlet__head-text" style="text-align: center;">
					<span> اسم المندوب: {{ $driver->name }} </span>
				</h3>
				@include('admin.includes.alerts')
				@include('admin.drivers.filter_bar')
				<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary table-responsive" id="m_table_1">
					<thead>
						<tr>
							<th class="text-center"> <b>#</b> </th>
							<th class="text-center"> <b> رقم الطلب </b> </th>
							<th class="text-center"> <b>اسم العميل</b> </th>
							<th class="text-center"> <b>تاريخ التسليم المتوقع</b> </th>
							<th class="text-center"> <b>وقت استلام الطلب</b> </th>
							<th class="text-center"> <b>وقت تسليم الطلب</b> </th>
							<th class="text-center"> <b>طريقة الدفع</b> </th>
							<th class="text-center"> <b>الشركة</b> </th>
							<th class="text-center"> <b>حالة الطلب</b> </th>
							<th class="text-center"> <b>اجمالي المبلغ</b> </th>
							<th class="text-center"><b><i class="flaticon-cogwheel-2"></i></b></th>
						</tr>
					</thead>
					<tbody>
						@foreach($total_orders as $order)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $order->id }}
							</td>

							<td class="text-center">
								{{ $order->id }}
							</td>

							<td class="text-center">
								{{ $order->user['name'] }}
							</td>

							<td class="text-center">
								{{ $order->delivery_date }}
								<br>
								من {{ __('api.order_times.' . $order->delivery_time) }} إلى {{ __('api.order_times.' . ($order->delivery_time+2)) }}
							</td>

							<td class="text-center">
								{{ ($order['started_at'] != '')? $order['started_at'] : '-' }}
							</td>

							<td class="text-center">
								{{ ($order['done_at'] != '')? $order['done_at'] : '-' }}
							</td>

							<td class="text-center">
								{{ __('api.payment_methods.' . $order->payment_method) }}
								<br>
								<span class="m--font-{{ $order['is_printed']? 'success' : 'danger' }}">{{ $order['is_printed']? 'تم طباعة الفاتورة' : 'لم يتم طباعة الفاتورة' }}</span>
							</td>

							<td class="text-center">
								{{ $order->company['name'] }}
							</td>

							<td class="text-center">
								@if (($order->status == 'waiting_for_payment'))
								<div class="alert alert-danger" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@elseif (($order->status == 'pending') || ($order->status == 'approved'))
								<div class="alert alert-warning" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@elseif (($order->status == 'driver_accepted') || ($order->status == 'processing'))
								<div class="alert alert-primary" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@elseif (($order->status == 'done') || ($order->status == 'rated'))
								<div class="alert alert-success" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@elseif (($order->status == 'cancelled_by_user') || ($order->status == 'cancelled_by_driver') || ($order->status == 'cancelled_by_admin'))
								<div class="alert alert-metal" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@else
								<div class="alert alert-primary" role="alert">
									<strong>{{ __('api.user_order_statuses.' . $order->status) }}</strong>
								</div>
								@endif
							</td>

							<td class="text-center">
								{{ $order['total_price'] }}
							</td>

							<td class="text-center">
								<a href="http://maps.google.com/?q={{ $order->user_address['latitude'] . ',' . $order->user_address['longitude'] }}" title="العنوان على الخريطة" class="m-portlet__nav-link btn m-btn m-btn--hover-metal m-btn--icon m-btn--icon-only m-btn--pill" target="__blank">
									<i class="fa fa-map-marker-alt"></i>
								</a>
								<a href="javascript:;" title="عرض التفاصيل" class="m-portlet__nav-link btn m-btn m-btn--hover-primary m-btn--icon m-btn--icon-only m-btn--pill view-details-btn" data-target="#view-details" data-id="{{ $order->id }}" data-toggle="modal">
									<i class="la la-eye"></i>
								</a>
								<a href="{{ route('admin.orders.invoices', ['order' => $order->id]) }}" title="عرض الفاتورة" class="m-portlet__nav-link btn m-btn m-btn--hover-success m-btn--icon m-btn--icon-only m-btn--pill" target="__blank">
									<i class="flaticon-notes"></i>
								</a>
								<a href="{{ route('admin.orders.print_invoice', ['order' => $order->id]) }}" title="طباعة الفاتورة" class="m-portlet__nav-link btn m-btn m-btn--hover-warning m-btn--icon m-btn--icon-only m-btn--pill" onclick="return confirm('تأكيد العملية؟')">
									<i class="fa fa-clipboard-check"></i>
								</a>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
				@include('admin.drivers.order_details')
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_style')
	<style type="text/css">
		.m-widget24 .m-widget24__item .m-widget24__title {
			margin-top: 1.21rem;
		}
		#points {
			width: 100%;
			height: 500px;
		}
		@media only screen and (max-width: 479px) {
			#points {
				width: 100%;
				height: 250px;
			}
		}
		@media only screen and (max-width: 989px) {
			#points {
				width: 100%;
				height: 350px;
			}
		}
	</style>
@endpush

@push('page_level_script')
	<script src="{{ URL::asset('/assets/admin/datatables.js') }}"></script>
	<script src="{{ URL::asset('/assets/admin/delivery_times.js') }}"></script>
	<script src="{{ URL::asset('/assets/admin/demo/demo11/custom/crud/forms/widgets/select2.js') }}"></script>
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<script src="{{ URL::asset('/assets/admin/driver_order/variables.js') }}"></script>
	<script src="{{ URL::asset('/assets/admin/driver_order/view_details.js') }}"></script>
	<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCmgVVBWPoe_QmTLa_0UCnMUj0aZGlZnsg&libraries=drawing&callback=initMap"></script>
@endpush