@extends('admin.layouts.master')

@section('page-title') عرض تقرير مفصل للطلبات @endsection
@section('header-title') تقرير مفصل للطلبات @endsection
@push('main-orders-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>
			<div class="m-portlet__body">
				<div class="row">
					<div class="col-sm-12 text-left">
						<div id="m_table_1_filter" class="dataTables_filter">
							<form>
								<label>
									الشركة:
									<select name="company_id" class="form-control form-control-sm company_id">
										<option value="">اختر الشركة</option>
										@foreach (\App\Models\Company::select('id', 'name')->get() as $item)
										<option value="{{ $item->id }}">{{ $item['name'] }}</option>
										@endforeach
									</select>
								</label>
								<label>
									حالة الطلب:
									<select name="order_status" class="form-control form-control-sm order_status">
										<option value="">جميع الحالات</option>
										<option value="approved">{{ __('api.user_order_statuses.approved') }}</option>
										<option value="driver_accepted">{{ __('api.user_order_statuses.driver_accepted') }}</option>
										<option value="processing">{{ __('api.user_order_statuses.processing') }}</option>
										<option value="done">{{ __('api.user_order_statuses.done') }}</option>
										<option value="rated">{{ __('api.user_order_statuses.rated') }}</option>
									</select>
								</label>
								<label>
									التاريخ من:
									<input type="date" name="date_from" value="{{ date('Y-m-01') }}" class="form-control form-control-sm" title="التاريخ من" autocomplete="off">
								</label>
								<label>
									التاريخ إلى:
									<input type="date" name="date_to" value="{{ date('Y-m-d') }}" class="form-control form-control-sm" title="التاريخ إلى" autocomplete="off">
								</label>
								<button type="submit" class="btn btn-primary btn-sm">تصفية</button>
							</form>
						</div>
					</div>
				</div>
				<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary table-responsive">
					<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>قيمة الضريبة</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>
						</tr>
					</thead>
					<tbody>
						@foreach($orders as $order)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $loop->index+1 }}
							</td>

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

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

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

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

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

							<td class="text-center">
								{{ __('api.payment_methods.' . $order->payment_method) }}
							</td>

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

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

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

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

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

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

							<td class="text-center">
								{{ $order['created_at']->format('Y-m-d') }}
							</td>

							<td class="text-center">
								{{ $order['city']['name'] }}
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_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 type="text/javascript">
		$('.company_id').select2({
			dir: 'rtl'
		});
		$(".table").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'
				}
			}],
			select: {
				style:"multi",
				selector:"td:first-child .m-checkable",
			},
			"language": {
				"url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Arabic.json",
				buttons: {
					print: 'طباعة',
					colvis: 'تحديد الأعمدة'
				}
			}
		});
	</script>
@endpush