@extends('admin.layouts.master')

@section('page-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="fa fa-edit"></i>
						</span>
						<h3 class="m-portlet__head-text">
							تعديل بيانات الطلب #{{ $order->id }}
						</h3>
					</div>
				</div>
			</div>
			<div class="m-portlet__body">
				@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
				@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 (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

				<div class="m-portlet m-portlet--tabs">
					<div class="m-portlet__head">
						<div class="m-portlet__head-tools">
							<ul class="nav nav-tabs m-tabs-line m-tabs-line--primary m-tabs-line--2x" role="tablist">
								<li class="nav-item m-tabs__item">
									<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_portlet_payment_method_tab" role="tab">
										<i class="fa fa-hand-holding-usd"></i> تعديل طريقة الدفع
									</a>
								</li>
								<li class="nav-item m-tabs__item">
									<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_portlet_products_tab" role="tab">
										<i class="fa fa-leaf"></i> تعديل المنتجات
									</a>
								</li>
								<li class="nav-item m-tabs__item">
									<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_portlet_delivery_date_tab" role="tab">
										<i class="fa fa-calendar-alt"></i> تاريخ ووقت التسليم
									</a>
								</li>
								<li class="nav-item m-tabs__item">
									<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_portlet_change_company_tab" role="tab">
										<i class="fa fa-calendar-alt"></i> اختيار شركة أخرى
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="m-portlet__body">
						<div class="tab-content">
							<div class="tab-pane active" id="m_portlet_payment_method_tab" role="tabpanel">
								<div class="col-xl-12">
									<form action="{{ route('admin.orders.update', ['order' => $order->id]) }}" class="m-form form-horizontal" method="POST" onsubmit="return confirm('تأكيد تغيير طريقة الدفع')">
									 @csrf {{ method_field('PUT') }}

										<div class="m-form__group form-group row">
											<label class="col-3 col-form-label">اختر طريقة الدفع المناسبة</label>
											<div class="col-9">
												<div class="m-radio-inline">
													<label class="m-radio">
														<input type="radio" name="payment_method" value="cash" {{ (old('payment_method') == 'cash')? 'checked' : ($order->payment_method == 'cash')? 'checked' : '' }}> نقداً (كاش)
														<span></span>
													</label>
													<label class="m-radio">
														<input type="radio" name="payment_method" value="mada" {{ (old('payment_method') == 'mada')? 'checked' : ($order->payment_method == 'mada')? 'checked' : '' }}> مدى (الدفع بجهاز الشبكة)
														<span></span>
													</label>
													<label class="m-radio">
														<input type="radio" name="payment_method" value="credit_cards" {{ (old('payment_method') == 'credit_cards')? 'checked' : ($order->payment_method == 'credit_cards')? 'checked' : '' }}>
														بطاقات الدفع الالكتروني (فيزا/ماستر)
														<span></span>
													</label>
													<label class="m-radio">
														<input type="radio" name="payment_method" value="stc_pay" {{ (old('payment_method') == 'stc_pay')? 'checked' : ($order->payment_method == 'stc_pay')? 'checked' : '' }}>
														STC PAY (اس تي سي باي)
														<span></span>
													</label>
													<label class="m-radio">
														<input type="radio" name="payment_method" value="mada_online" {{ (old('payment_method') == 'mada_online')? 'checked' : ($order->payment_method == 'mada_online')? 'checked' : '' }}> مدى (Online)
														<span></span>
													</label>
												</div>
											</div>
											<input type="hidden" name="payment_form" value="10">
											@if ($errors->has('payment_method'))
											<span class="m-validation_error">
												<strong>
													{{ $errors->first('payment_method') }}
												</strong>
											</span>
											@endif
										</div>
										<div class="m-portlet__foot m-portlet__foot--fit">
											<div class="m-form__actions">
												<button type="submit" class="btn btn-warning">
													تعديل بيانات الطلب
												</button>
												<a href="{{ route('admin.orders.index') }}" class="btn btn-primary">
													الغاء والعودة 
												</a>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="tab-pane" id="m_portlet_products_tab" role="tabpanel">
								<div class="col-xl-12">
									<form action="{{ route('admin.orders.update', ['order' => $order->id]) }}" class="m-form form-horizontal" method="POST" onsubmit="return confirm('تأكيد العملية؟')">
									 @csrf {{ method_field('PUT') }}
										@foreach(App\Models\Company::find($order->company_id)->products()->get() as $product)
										<div class="form-group m-form__group row">
											<label for="products" class="col-3 col-form-label">{{ $product['name'] }} - {{ $product->getPrice() }} ريال سعودي</label>
											<div class="col-9">
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-dolly m--font-warning"></i>
														</span>
													</div>
													<input type="hidden" name="product_ids[]" value="{{ $product->id }}">
													<input type="number" id="products" name="products[]" value="{{ $order->order_products()->wherePivot('product_id', $product->id)->count()? $order->order_products()->wherePivot('product_id', $product->id)->first()->pivot->quantity : 0 }}" class="form-control m-input{{ $errors->has('products') ? ' is-invalid' : '' }} company-product" data-price="{{ $product->getPrice() }}" autocomplete="off" min="0" step="1">
												</div>
												@if ($errors->has('products'))
												<span class="m-validation_error">
													<strong>
														{{ $errors->first('products') }}
													</strong>
												</span>
												@endif
											</div>
										</div>
										@endforeach


										<div class="form-group m-form__group row">
											<div class="col-lg-6 m-form__group-sub">
												<label for="price" class="form-control-label">سعر المنتجات <strong> * </strong></label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-money-bill-alt m--font-info"></i>
														</span>
													</div>
													<input type="text" id="price" name="price" value="0" class="form-control m-input{{ $errors->has('price') ? ' is-invalid' : '' }}" disabled>
													<div class="input-group-append">
														<span class="input-group-text">
															ريال سعودي
														</span>
													</div>
												</div>
												<span class="m-form__help">لا يمكن التعديل على سعر الطلب</span>
											</div>
											<div class="col-lg-6 m-form__group-sub">
												<label for="vat" class="form-control-label">القيمة المضافة <strong> * </strong></label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-money-bill-alt m--font-danger"></i>
														</span>
													</div>
													<input type="text" id="vat" name="vat" value="0" class="form-control m-input{{ $errors->has('vat') ? ' is-invalid' : '' }}" disabled>
													<div class="input-group-append">
														<span class="input-group-text">
															ريال سعودي
														</span>
													</div>
												</div>
												<span class="m-form__help">لا يمكن التعديل على القيمة المضافة</span>
											</div>
										</div>

										<div class="form-group m-form__group row">
											<div class="col-lg-6 m-form__group-sub">
												<label for="discount" class="form-control-label">مبلغ الخصم <strong> * </strong></label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-percent m--font-success"></i>
														</span>
													</div>
													<input type="number" id="discount" name="discount" value="{{ old('discount')?: $order['discount'] }}" class="form-control m-input{{ $errors->has('discount') ? ' is-invalid' : '' }}">
													<div class="input-group-append">
														<span class="input-group-text">
															ريال سعودي
														</span>
													</div>
												</div>
												@if ($errors->has('discount'))
												<span class="m-validation_error">
													<strong>
														{{ $errors->first('discount') }}
													</strong>
												</span>
												@endif
											</div>
											<div class="col-lg-6 m-form__group-sub">
												<label for="delivery_price" class="form-control-label">رسوم التوصيل <strong> * </strong></label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-truck m--font-primary"></i>
														</span>
													</div>
													<input type="text" id="delivery_price" name="delivery_price" value="{{ $company['delivery_price'] }}" class="form-control m-input{{ $errors->has('delivery_price') ? ' is-invalid' : '' }}" disabled>
													<div class="input-group-append">
														<span class="input-group-text">
															ريال سعودي
														</span>
													</div>
												</div>
												<span class="m-form__help">لا يمكن التعديل على رسوم التوصيل</span>
											</div>
											<input type="hidden" id="vat_value" value="{{ $vat }}">
										</div>

										<div class="form-group m-form__group row">
											<div class="col-lg-12 m-form__group-sub">
												<label for="total_price" class="form-control-label">اجمالي المبلغ <strong> * </strong></label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-money-bill-alt m--font-warning"></i>
														</span>
													</div>
													<input type="text" id="total_price" name="total_price" value="{{ old('delivery_price')?: $company['delivery_price'] }}" class="form-control m-input{{ $errors->has('total_price') ? ' is-invalid' : '' }}" disabled>
													<div class="input-group-append">
														<span class="input-group-text">
															ريال سعودي
														</span>
													</div>
												</div>
												<span class="m-form__help">لا يمكن التعديل على اجمالي المبلغ</span>
											</div>
										</div>


										<div class="m-portlet__foot m-portlet__foot--fit">
											<div class="m-form__actions">
												<button type="submit" class="btn btn-warning">
													تعديل بيانات الطلب
												</button>
												<a href="{{ route('admin.orders.index') }}" class="btn btn-primary">
													الغاء والعودة 
												</a>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="tab-pane" id="m_portlet_delivery_date_tab" role="tabpanel">
								<div class="col-xl-12">
									<form action="{{ route('admin.orders.update', ['order' => $order->id]) }}" class="m-form form-horizontal" method="POST" onsubmit="return confirm('تأكيد تغيير تاريخ ووقت التسليم')">
									 @csrf {{ method_field('PUT') }}

										<div class="form-group m-form__group row">
											<div class="col-lg-6 m-form__group-sub">
												<label for="delivery_date" class="form-control-label">تاريخ التسليم </label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-calendar-alt m--font-primary"></i>
														</span>
													</div>
													<input type="date" id="delivery_date" name="delivery_date" value="{{ old('delivery_date')?: $order->delivery_date }}" class="form-control m-input{{ $errors->has('delivery_date') ? ' is-invalid' : '' }}" autocomplete="off">
												</div>
												@if ($errors->has('delivery_date'))
												<span class="m-validation_error">
													<strong>
														{{ $errors->first('delivery_date') }}
													</strong>
												</span>
												@endif
											</div>
											<div class="col-lg-6 m-form__group-sub">
												<label for="delivery_time" class="form-control-label">فترة التسليم </label>
												<div class="input-group m-input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
															<i class="fa fa-clock m--font-primary"></i>
														</span>
													</div>
													<select class="form-control" id="delivery_time" name="delivery_time" style="width: 80%">
														@for($i = 0; $i < 23; $i+=2)
														<option value="{{ $i }}" {{ ($order->delivery_time == $i)? 'selected' : '' }} >من {{ $hour_types['ar'][$i] }} - {{ $hour_types['ar'][$i+2] }}</option>
														@endfor
													</select>
												</div>
												@if ($errors->has('delivery_time'))
												<span class="m-validation_error">
													<strong>
														{{ $errors->first('delivery_time') }}
													</strong>
												</span>
												@endif
											</div>
										</div>
										<div class="m-portlet__foot m-portlet__foot--fit">
											<div class="m-form__actions">
												<button type="submit" class="btn btn-warning">
													تعديل بيانات الطلب
												</button>
												<a href="{{ route('admin.orders.index') }}" class="btn btn-primary">
													الغاء والعودة 
												</a>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="tab-pane" id="m_portlet_change_company_tab" role="tabpanel">
								<div class="col-xl-12">
									<div class="form-group m-form__group row">
										<div class="col-lg-6 m-form__group-sub">
											<label for="company_id" class="form-control-label">اختر الشركة </label>
											<div class="input-group m-input-group">
												<div class="input-group-prepend">
													<span class="input-group-text">
														<i class="fa fa-clock m--font-primary"></i>
													</span>
												</div>
												<select class="form-control" id="company_id" name="company_id" style="width: 80%">
													@foreach ($companies as $company)
													<option value="{{ $i }}" {{ ($order->company_id == $i)? 'selected' : '' }} >من {{ $hour_types['ar'][$i] }} - {{ $hour_types['ar'][$i+2] }}</option>
													@endfor
												</select>
											</div>
											@if ($errors->has('company_id'))
											<span class="m-validation_error">
												<strong>
													{{ $errors->first('company_id') }}
												</strong>
											</span>
											@endif
										</div>
									</div>
									<div class="m-portlet__foot m-portlet__foot--fit">
										<div class="m-form__actions">
											<button type="submit" class="btn btn-warning">
												تعديل بيانات الطلب
											</button>
											<a href="{{ route('admin.orders.index') }}" class="btn btn-primary">
												الغاء والعودة 
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@stop

@push('page_level_style')
	<style type="text/css">
		.m-form__help {
			font-weight: 300;
			font-size: .85rem;
			padding-top: 7px;
		}
	</style>
@endpush

@push('page_level_script')
	<script src="{{ URL::asset('/assets/admin/demo/demo11/custom/crud/forms/widgets/select2.js') }}"></script>
	<script type="text/javascript">
		$("#delivery_time, #product_id, #user_id, #driver_id, #company_id").select2({
			language: "ar",
			width: 'resolve'
		});
	</script>

	<script type="text/javascript">
		var product_price			=	0;
		var vat_value				=	(Number((parseInt($("#vat_value").val())/100).toFixed(2)));
		var discount_value			=	parseInt($("#discount").val());
		var total_price_value		=	parseInt($("#total_price").val());
		var price_value				=	parseInt($("#price").val());
		var delivery_price_value	=	parseInt($("#delivery_price").val());
		var after_vat				=	0;

		$('.company-product').on('input', function(event) {
			var tot_price = 0;
			$('.company-product').each(function(i, obj) {
				tot_price += $(obj).data("price") * $(obj).val();
			});
			change_quantity(tot_price);
		});

		function change_quantity(product_price) {
			$("#price").val(product_price);

			after_vat = (Number((product_price * vat_value).toFixed(2)));
			$("#vat").val(after_vat);
			$("#total_price").val(after_vat + product_price + delivery_price_value - parseInt($("#discount").val()));
		}
	</script>
@endpush