@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-plus"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> اضافة طلب جديد </span>
						</h3>
					</div>
				</div>
			</div>
			<div class="m-portlet__body">
				<div class="col-xl-12">
					<form action="{{ route('admin.orders.store') }}" class="form-horizontal" method="POST" enctype="multipart/form-data">
					 @csrf
						@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

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="product_id" 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-leaf m--font-primary"></i>
										</span>
									</div>
									<select class="form-control" id="product_id" name="product_id">
										@if($products->count())
										@foreach($products as $product)
										<option value="{{ $product->id }}">{{ $product->name . ' - ' . $product['price'] }} ريال</option>
										@endforeach
										@else
										<option value="0">لا يوجد منتجات</option>
										@endif
									</select>
								</div>
								@if ($errors->has('product_id'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('product_id') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="user_id" 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="la la-user m--font-primary"></i>
										</span>
									</div>
									<select class="form-control" id="user_id" name="user_id">
										@if($users->count())
										@foreach($users as $user)
										<option value="{{ $user->id }}">{{ $user->name }}</option>
										@endforeach
										@else
										<option value="0">لا يوجد مستخدمين</option>
										@endif
									</select>
								</div>
								@if ($errors->has('user_id'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('user_id') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="driver_id" 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-user-tie m--font-primary"></i>
										</span>
									</div>
									<select class="form-control" id="driver_id" name="driver_id">
										@if($drivers->count())
										@foreach($drivers as $driver)
										<option value="{{ $driver->id }}">{{ $driver->name }}</option>
										@endforeach
										@else
										<option value="0">لا يوجد مناديب</option>
										@endif
									</select>
								</div>
								@if ($errors->has('driver_id'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('driver_id') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="address_id" 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-map-marker-alt m--font-info"></i>
										</span>
									</div>
									<select class="form-control" id="address_id" name="address_id">
										<option value="0">اختر المستخدم أولاً</option>
									</select>
								</div>
								@if ($errors->has('address_id'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('address_id') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<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') }}" 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">
										@for($i = 0; $i < 23; $i++)
										<option value="{{ $i }}">من {{ $hour_types['ar'][$i] }} - {{ $hour_types['ar'][$i+1] }}</option>
										@endfor
										<option value="23">من {{ $hour_types['ar'][23] }} - {{ $hour_types['ar'][0] }}</option>
									</select>
								</div>
								@if ($errors->has('delivery_time'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('delivery_time') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="quantity" 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-dolly m--font-warning"></i>
										</span>
									</div>
									<input type="number" id="quantity" name="quantity" value="{{ old('quantity')?: 1 }}" class="form-control m-input{{ $errors->has('quantity') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="1">
								</div>
								@if ($errors->has('quantity'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('quantity') }}
									</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-success"></i>
										</span>
									</div>
									<input type="text" id="delivery_price" name="delivery_price" value="{{ $products->first()? $products->first()->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>
								@if ($errors->has('delivery_price'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('delivery_price') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<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="{{ $products->first()['price']?: '-' }}" 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="{{ $products->first()? ($products->first()['price'] + (($products->first()['price'] * $vat)/100)) : '-' }}" 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="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="{{ $products->first()? ($products->first()['price'] + $products->first()->company['delivery_price'] + (($products->first()['price'] * $vat)/100)) : '-' }}" 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>
						<input type="hidden" id="first_product" value="{{ $products->first() }}">
						<input type="hidden" id="vat_value" value="{{ $vat }}">

						<br>
						<div class="m-portlet__foot m-portlet__foot--fit">
							<div class="m-form__actions">
								<button type="submit" class="btn btn-primary">
									<span> اضافة الطلب </span>
								</button>
								<a href="{{ route('admin.orders.index') }}" class="btn btn-warning">
									<span> الغاء والعودة  </span>
								</a>
							</div>
						</div>
					</form>
				</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, #address_id").select2({
			language: "ar"
		});
	</script>

	<script type="text/javascript">
		var product_object = $("#first_product").val();
		var product_price = parseInt(JSON.parse($("#first_product").val()).price);
		var vat_value = parseInt($("#vat_value").val())/100;
		var quantity_value = parseInt($("#quantity").val());
		var delivery_price_value = parseInt($("#delivery_price").val());
		var total_price_value = parseInt($("#total_price").val());
		var price_value = parseInt($("#price").val());
		var after_vat = 0;

		$('#quantity').change (function ()
		{
			change_quantity(parseInt($("#quantity").val()));
		});

		// console.log(JSON.parse(product_id))
		$('#product_id').change (function ()
		{
			$.ajax({
				type: "GET",
				url: "/admin/products/" + $("#product_id").val(),
				success: function(data){
					$("#delivery_price").val(data.delivery_price);
					product_price = parseInt(data.price);
					change_quantity(parseInt($("#quantity").val()));
				}
			});
		});

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

			after_vat = (product_price * product_quantity) + (product_price * product_quantity * vat_value);
			$("#vat").val(after_vat);
			$("#total_price").val(after_vat + delivery_price_value);
		}
	</script>
@endpush