@extends('admin.layouts.master')

@section('page-title') عرض كوبونات الخصم @endsection
@push('main-copouns-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-percent"></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.copouns.expired') }}" 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">
				@include('admin.includes.alerts')
				@if (auth('admin')->user()->can('copouns.create'))
				<form action="{{ route('admin.copouns.store') }}" method="POST" class="m-form m-form--label-align-left- m-form--state-" id="m_form" enctype="multipart/form-data">
					@csrf
					<div class="m-portlet__body m-portlet__body--no-padding">
						<div class="m-form__heading">
							<h3 class="m-form__heading-title">اضافة كوبون جديد</h3>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="copoun_code" 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-code m--font-primary"></i>
										</span>
									</div>
									<input type="text" id="copoun_code" name="copoun_code" value="{{ old('copoun_code') }}" class="form-control m-input{{ $errors->has('copoun_code') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
								@if ($errors->has('copoun_code'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('copoun_code') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="min_amount" 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-arrow-down m--font-danger"></i>
										</span>
									</div>
									<input type="number" id="min_amount" name="min_amount" value="{{ old('min_amount')?: 0 }}" class="form-control m-input{{ $errors->has('min_amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="1">
									<div class="input-group-append">
										<span class="input-group-text">
											ريال سعودي
										</span>
									</div>
								</div>
								@if ($errors->has('min_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('min_amount') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

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

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="amount" class="form-control-label">نسبة الخصم <strong> * </strong></label>
								<div class="input-group m-input-group">
									<input type="number" id="amount" name="amount" value="{{ old('amount')?: 0 }}" class="form-control m-input{{ $errors->has('amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0" max="99" step="1">
									<div class="input-group-append">
										<span class="input-group-text">
											<i class="fa fa-percent m--font-warning"></i>
										</span>
									</div>
								</div>
								@if ($errors->has('amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('amount') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="max_amount" 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-arrow-up m--font-success"></i>
										</span>
									</div>
									<input type="number" id="max_amount" name="max_amount" value="{{ old('max_amount')?: 0 }}" class="form-control m-input{{ $errors->has('max_amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="1">
									<div class="input-group-append">
										<span class="input-group-text">
											ريال سعودي
										</span>
									</div>
								</div>
								@if ($errors->has('max_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('max_amount') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="cashback_amount" 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-danger"></i>
										</span>
									</div>
									<input type="number" id="cashback_amount" name="cashback_amount" value="{{ old('cashback_amount')?: 0 }}" class="form-control m-input{{ $errors->has('cashback_amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="1">
								</div>
								@if ($errors->has('cashback_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('cashback_amount') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="cashback_max_amount" 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-arrow-up m--font-danger"></i>
										</span>
									</div>
									<input type="number" id="cashback_max_amount" name="cashback_max_amount" value="{{ old('cashback_max_amount')?: 0 }}" class="form-control m-input{{ $errors->has('cashback_max_amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0" step="1">
									<div class="input-group-append">
										<span class="input-group-text">
											ريال سعودي
										</span>
									</div>
								</div>
								@if ($errors->has('cashback_max_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('cashback_max_amount') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="payment_methods" class="form-control-label">طرق الدفع <strong> * </strong></label>
								<select id="payment_methods" name="payment_methods[]" class="form-control m-input{{ $errors->has('payment_methods') ? ' is-invalid' : '' }}" multiple="multiple">
									<option value="0" {{ (is_array(old('payment_methods')) && in_array('0', old('payment_methods')))? 'selected' : '' }} >
										جميع الطرق
									</option>
									<option value="cash" {{ (is_array(old('payment_methods')) && in_array('cash', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.cash') }}
									</option>
									<option value="mada" {{ (is_array(old('payment_methods')) && in_array('mada', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.mada') }}
									</option>
									<option value="credit_cards" {{ (is_array(old('payment_methods')) && in_array('credit_cards', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.credit_cards') }}
									</option>
									<option value="stc_pay" {{ (is_array(old('payment_methods')) && in_array('stc_pay', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.stc_pay') }}
									</option>
									<option value="mada_online" {{ (is_array(old('payment_methods')) && in_array('mada_online', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.mada_online') }}
									</option>
									<option value="wallet" {{ (is_array(old('payment_methods')) && in_array('wallet', old('payment_methods')))? 'selected' : '' }} >
										{{ __('api.payment_methods.wallet') }}
									</option>
								</select>
								@if ($errors->has('payment_methods'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('payment_methods') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="included_companies" class="form-control-label">الشركات المشمولة <strong> * </strong></label>
								<select id="included_companies" name="included_companies[]" class="form-control m-input{{ $errors->has('included_companies') ? ' is-invalid' : '' }}" multiple="multiple">
									<option value="0" {{ (is_array(old('included_companies')) && in_array('0', old('included_companies')))? 'selected' : '' }} >جميع الشركات</option>
									@foreach ($data['included_companies'] as $company)
									<option value="{{ $company['id'] }}" {{ (is_array(old('included_companies')) && in_array($company['id'], old('included_companies')))? 'selected' : '' }} >{{ $company['name'] }}</option>
									@endforeach
								</select>
								@if ($errors->has('included_companies'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('included_companies') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="target_users" class="form-control-label">المستخدمين المستفيدين من الخصم <strong> * </strong></label>
									<div class="m-radio-inline">
										<label class="m-radio">
											<input type="radio" name="target_users" value="all" id="target_users_all" checked> جميع المستخدمين
											<span></span>
										</label>
										<label class="m-radio">
											<input type="radio" name="target_users" value="single" id="target_users_single"> مستخدمين محددين
											<span></span>
										</label>
									</div>
								@if ($errors->has('target_users'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('target_users') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub users-list">
								<label for="users" class="form-control-label">المستخدمين <strong> * </strong></label>
								<select id="users" name="users[]" class="form-control m-input{{ $errors->has('users') ? ' is-invalid' : '' }}" multiple="multiple" disabled>
								</select>
								@if ($errors->has('users'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('users') }}
									</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>
							</div>
						</div>
					</div>
				</form>

				<div class="m-separator m-separator--dashed m-separator--md"></div>
				@endif
				<div class="m-form__heading">
					<h3 class="m-form__heading-title">عرض جميع كوبونات الخصم الفعالة</h3>
				</div>

				<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary table-sm" 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>المستخدمين المستفيدين</b> </th>
							<th class="text-center"><b><i class="flaticon-cogwheel-2"></i></b></th>
						</tr>
					</thead>
					<tbody>
						@foreach($copouns as $single_copoun)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $loop->index + 1 }}
							</td>

							<td class="text-center">
								{{ $single_copoun->copoun_code }}
							</td>

							<td class="text-center">
								{{ $single_copoun->amount }}%
							</td>

							<td class="text-center">
								{{ $single_copoun->cashback_amount }}%
							</td>

							<td class="text-center">
								{{ $single_copoun->max_uses }} مرة
							</td>

							<td class="text-center">
								{{ Carbon\Carbon::parse($single_copoun->expires_at)->format('Y-m-d') }}
							</td>

							<td class="text-center">
								{{ ($single_copoun->target_users == 'single')? 'مجموعة محددة' : 'الكل' }}
							</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="{{ $single_copoun->id }}" data-toggle="modal">
									<i class="la la-eye"></i>
								</a>
								@if (auth('admin')->user()->can('copouns.delete'))
								<a href="{{ route('admin.copouns.delete', ['copoun' => $single_copoun->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-ban"></i>
								</a>
								@endif
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<div class="show-div"></div>
@stop

@push('page_level_style')
	<style type="text/css">
		input[type=number] {
			direction: ltr;
			text-align: left;
		}
	</style>
@endpush

@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">
		// $(".users-list").
		$("#target_users_all").click (function () {
			$("#users").prop('disabled', true);
		});
		$("#target_users_single").click (function () {
			$("#users").prop('disabled', false);
		});

		$('#payment_methods, #included_companies').select2({
			closeOnSelect: false,
			language: "ar",
			dir: "rtl"
		});

		$('#users').select2({
			ajax: {
				url: admin_url + '/users/active_users',
			}
		});

		$(document).on('click', '.view-details-btn',function(event) {
			event.preventDefault();
			$('.show-div').html('');

			$.ajax({
				type: "GET",
				url: admin_url + "/copouns/show",
				data: {
					id: $(this).data('id')
				},
				success: function(data){
					if (data.status) {
						$('.show-div').html(data.data);
					} else {
						swal('', data.message, 'error');
					}
				},
				complete: function (data, textStatus, errorThrown) {
					// console.log(data);
					// console.log(textStatus);
					if (textStatus == 'success') {
						if (data.responseJSON.status) {
							$('#view-details').modal('show');
							console.log(11);
						}
					}
				},
				error: function (jqXHR, textStatus, errorThrown) {
					swal('حدث خطأ غير متوقع', 'يرجى اعادة المحاولة, في حال تكرار الخطأ يرجى تحديث الصفحة', 'error');
				}
			});
		});
	</script>
@endpush