@extends('admin.layouts.master')

@section('page-title') عرض حزم النقاط @endsection
@push('main-point_packages-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-walking"></i>
						</span>
						<h3 class="m-portlet__head-text">
							<span> عرض حزم النقاط </span>
						</h3>
					</div>
				</div>
			</div>
			<div class="m-portlet__body">
				@if (auth('admin')->user()->can('point_packages.create'))
				<form action="{{ route('admin.point_packages.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>

						@include('admin.includes.alerts')

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="name" 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-align-right m--font-info"></i>
										</span>
									</div>
									<input type="text" id="name" name="name" value="{{ old('name') }}" class="form-control m-input{{ $errors->has('name') ? ' is-invalid' : '' }}" autocomplete="off">
								</div>
								@if ($errors->has('name'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('name') }}
									</strong>
								</span>
								@endif
							</div>
						</div>

						<div class="form-group m-form__group row">
							<div class="col-lg-6 m-form__group-sub">
								<label for="points_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-plus m--font-primary"></i>
										</span>
									</div>
									<input type="number" id="points_amount" name="points_amount" value="{{ old('points_amount')?: 0 }}" class="form-control m-input{{ $errors->has('points_amount') ? ' is-invalid' : '' }}" autocomplete="off" min="0">
									<div class="input-group-append">
										<span class="input-group-text">
											نقطة
										</span>
									</div>
								</div>
								@if ($errors->has('points_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('points_amount') }}
									</strong>
								</span>
								@endif
							</div>
							<div class="col-lg-6 m-form__group-sub">
								<label for="money_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-coins m--font-success"></i>
										</span>
									</div>
									<input type="number" id="money_amount" name="money_amount" value="{{ old('money_amount')?: 0 }}" class="form-control m-input{{ $errors->has('money_amount') ? ' is-invalid' : '' }}" autocomplete="off" step="0.01" min="0">
									<div class="input-group-append">
										<span class="input-group-text">
											ريال سعودي
										</span>
									</div>
								</div>
								@if ($errors->has('money_amount'))
								<span class="m-validation_error">
									<strong>
										{{ $errors->first('money_amount') }}
									</strong>
								</span>
								@endif
							</div>
						</div>
					</div>
					<div class="m-portlet__foot m-portlet__foot--fit">
						<div class="m-form__actions">
							<button type="submit" class="btn btn-primary">
								اضافة
							</button>
						</div>
					</div>
				</form>

				<div class="m-separator m-separator--dashed m-separator--lg"></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><i class="flaticon-cogwheel-2"></i></b></th>
						</tr>
					</thead>
					<tbody>
						@foreach($point_packages as $point_package)
						<tr class="odd gradeX">
							<td class="text-center">
								{{ $loop->index + 1 }}
							</td>

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

							<td class="text-center">
								{{ $point_package['points_amount'] }} نقطة
							</td>

							<td class="text-center">
								{{ $point_package['money_amount'] }} ريال سعودي
							</td>

							<td class="text-center">
								@if (auth('admin')->user()->can('point_packages.edit'))
								<a href="{{ route('admin.point_packages.edit', ['point_package' => $point_package->id]) }}" title="تعديل" class="m-portlet__nav-link btn m-btn m-btn--hover-warning m-btn--icon m-btn--icon-only m-btn--pill">
									<i class="la la-edit"></i>
								</a>
								@endif
								@if (auth('admin')->user()->can('point_packages.delete'))
								<a href="{{ route('admin.point_packages.delete', ['point_package' => $point_package->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>
@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>
@endpush