@extends('admin.layouts.master')

@section('page-title') اضافة عرض جديد @endsection
@push('main-offers-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.offers.store') }}" class="m-form 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
						@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

						<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="la la-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 }}</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="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="number" id="price" name="price" value="{{ old('price')?: 0 }}" class="form-control m-input{{ $errors->has('price') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="0.01">
									<div class="input-group-append">
										<span class="input-group-text">
											ريال سعودي
										</span>
									</div>
								</div>
								@if ($errors->has('price'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('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="end_date" 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-calendar-alt m--font-info"></i>
										</span>
									</div>
									<input type="date" name="end_date" value="{{ old('end_date')?: \Carbon\Carbon::now()->addDays(7)->format('Y-m-d') }}" class="form-control m-input{{ $errors->has('end_date') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
								@if ($errors->has('end_date'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('end_date') }}
									</strong>
								</span>
								@endif
							</div>

							<div class="col-lg-6 m-form__group-sub">
								<label for="end_time" 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-clock m--font-success"></i>
										</span>
									</div>
									<input type="time" name="end_time" value="{{ old('end_time')?: date('H:i') }}" class="form-control m-input{{ $errors->has('end_time') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
								@if ($errors->has('end_time'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('end_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-primary">
									<span> اضافة العرض </span>
								</button>
								<a href="{{ route('admin.offers.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">
		input[name='price'], input[name='end_date'], input[name='end_time'] {
			text-align: left;
			direction: ltr;
		}
	</style>
@endpush

@push('page_level_script')
	<script type="text/javascript">
		$('#product_id').select2({
			width: '90%',
			language: 'ar',
			dir: 'rtl'
		});
	</script>
@endpush