@extends('admin.layouts.master')

@section('page-title') ادارة طلبات الشركات @endsection
@section('header-title') ادارة طلبات الشركات @endsection
@push('main-company_requests-active') m-menu__item--active @endpush

@section('content')
<div class="row">
	<div class="col-lg-12">
		<!--begin::Portlet-->
		<div class="m-portlet m-portlet--last m-portlet--head m-portlet--responsive-mobile" id="main_portlet">
			<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-clipboard"></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.company_requests.rejected') }}" class="btn btn-danger m-btn m-btn--icon">
								<span>
									<i class="fa flaticon-exclamation-2"></i>
									<span>عرض طلبات الشركات المرفوضة</span>
								</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="m-portlet__body">
				@if (session('Done'))
				<div class="alert alert-success alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>{{ session('Done') }}</strong>
				</div>
				@endif
				@if (session('ERROR'))
				<div class="alert alert-danger alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>{{ session('ERROR') }}</strong>
				</div>
				@endif
				@if ($errors->any())
				<div class="alert alert-danger alert-dismissible fade show" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					</button>
					<strong>الرجاء تعديل الأخطاء</strong>
				</div>
				@endif
				<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary" 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><i class="flaticon-cogwheel-2"></i></b> </th>
						</tr>
					</thead>
					<tbody>
						@if($company_requests->count())
						@foreach($company_requests as $company_request)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $loop->index +1 }}
							</td>

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

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

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

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

							<td class="text-center">
								@if (($company_request->has_delivery == '0'))
								<div class="alert alert-danger" role="alert">
									<strong>
										غير متوفرة
									</strong>
								</div>
								@else
								<div class="alert alert-success" role="alert">
									<strong>
										متوفرة
									</strong>
								</div>
								@endif
							</td>

							<td class="text-center">
								<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-id="{{ $company_request->id }}">
									<i class="la la-eye"></i>
								</a>
								<a href="{{ route('admin.company_requests.accept', ['companyRequest' => $company_request->id]) }}" title="قبول الطلب" class="m-portlet__nav-link btn m-btn m-btn--hover-success m-btn--icon m-btn--icon-only m-btn--pill" onclick="return confirm('تأكيد العملية؟')">
									<i class="la la-check-circle"></i>
								</a>
								<a href="{{ route('admin.company_requests.reject', ['companyRequest' => $company_request->id]) }}" title="رفض الطلب" class="m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill" onclick="return confirm('تأكيد العملية؟')">
									<i class="la la-times-circle"></i>
								</a>
							</td>
						</tr>
						@endforeach
						@endif
					</tbody>
				</table>
				<div class="modal fade" id="view-details" tabindex="-1" role="dialog" aria-labelledby="Advanced" aria-hidden="true">
					<div class="modal-dialog modal-lg" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title">عرض بيانات الشركة</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="m-portlet__body m-portlet__body--no-padding">
									<div class="form-group m-form__group row">
										<label for="name" class="col-2 col-form-label">اسم الشركة</label>
										<div class="col-10">
											<input type="text" id="name" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="manager_name" class="col-2 col-form-label">اسم المدير</label>
										<div class="col-10">
											<input type="text" id="manager_name" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="phone" class="col-2 col-form-label">رقم الجوال</label>
										<div class="col-10">
											<input type="text" id="phone" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="email" class="col-2 col-form-label">البريد الالكتروني</label>
										<div class="col-10">
											<input type="text" id="email" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="has_delivery" class="col-2 col-form-label">توفير خدمة التوصيل</label>
										<div class="col-10">
											<input type="text" id="has_delivery" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="image" class="col-2 col-form-label">شعار الشركة</label>
										<div class="col-10">
											<a href="{{ URL::asset('/assets/logo.png') }}" target="__blank">
												<img src="{{ URL::asset('/img/company_thumbnail/assets/logo.png') }}" id="image">
											</a>
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label for="uncovered_cities" class="col-2 col-form-label">مدن تغطية الشركة الموردة (خارج منطقة تغطية النظام)</label>
										<div class="col-10">
											<input type="text" id="uncovered_cities" class="form-control m-input" disabled>
										</div>
									</div>

									<h5 class="modal-title">عرض المدن التي تغطيها الشركة</h5>
									<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary">
										<thead>
											<tr>
												<th class="text-center"> <b> # </b> </th>
												<th class="text-center"> <b> المدينة </b> </th>
											</tr>
										</thead>
										<tbody id="cities-body">
										</tbody>
									</table>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">
									<span>اغلاق</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_script')
	<script src="{{ URL::asset('/assets/admin/datatables.js') }}"></script>
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<script type="text/javascript">
		$(document).on('click', '.view-details-btn', function () {
			$("#name").val();
			$("#manager_name").val();
			$("#phone").val();
			$("#email").val();
			$("#has_delivery").val();
			$("#image").val();
			$("#cities-body").empty();
			$("#uncovered_cities").val();

			$.ajax({
				type: "GET",
				url: admin_url + "/company_requests/" + $(this).data('id'),
				success: function(data){
					$("#name").val(data.data.name);
					$("#manager_name").val(data.data.manager_name);
					$("#phone").val(data.data.phone);
					$("#email").val(data.data.email);
					$("#has_delivery").val((data.data.has_delivery == 1)? 'نعم' : 'لا');
					$("#image").attr("src", "/img/company_thumbnail/" + data.data.image);
					$("#image").parent().attr("href", "/" + data.data.image);
					$("#uncovered_cities").val(data.data.uncovered_cities?? '-');

					$.each(data.data.cities, function(key, city){
						$("#cities-body").append('<tr class="odd gradeX">'
													+'<td class="text-center">' + (key+1) + '</td>'
													+'<td class="text-center">' + city + '</td>'
												+'</tr>');
					});
				},
				complete: function () {
					$('#view-details').modal('show');
				},
				error: function (jqXHR, textStatus, errorThrown) {
					swal({title: '{{ __('app.whoops') }}', type: "error"});
				}
			});
		});
	</script>
@endpush