@extends('admin.layouts.profile')

@section('page-title') الملف المالي للمندوب @endsection
@push('main-drivers-active') m-menu__item--active @endpush

@section('profile-picture'){{ URL::asset('/' . $driver->image) }}@endsection

@section('user-name')
{{ $driver['name'] }}
@endsection

@section('user-email')
{{ $driver['phone'] }}
@endsection

@section('profile-item')
<li class="m-nav__separator m-nav__separator--fit"></li>
<li class="m-nav__section">
	<span class="m-nav__section-text">الملف المالي</span>
</li>
<li class="m-nav__item m-nav__item--active">
	<a href="javascript:;" class="m-nav__link">
		<i class="m-nav__link-icon flaticon-analytics"></i>
		<span class="m-nav__link-title">
			<span class="m-nav__link-wrap">
				<span class="m-nav__link-text "> عرض بيانات المندوب</span>
			</span>
		</span>
	</a>
</li>
@endsection

@section('profile-title')
	عرض الملف المالي
@endsection

@section('profile-content')
<div class="m-portlet__head">
	<div class="m-portlet__head-tools">
		<ul class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--left m-tabs-line--primary" role="tablist">
			<li class="nav-item m-tabs__item">
				<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_user_profile_tab_1" role="tab">
					<i class="fa fa-money-check-alt"></i>
					ملخص الحساب
				</a>
			</li>
			<li class="nav-item m-tabs__item">
				<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_user_profile_tab_2" role="tab">
					<i class="la la-plus-circle"></i>
					اضافة حركة جديدة
				</a>
			</li>
		</ul>
	</div>
</div>
<div class="tab-content">
	<div class="tab-pane active" id="m_user_profile_tab_1">
		<br>
		@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

		@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 ($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="m-portlet__body">
			<div class="row">
				<div class="col-sm-12 text-left">
					<div id="m_table_1_filter" class="dataTables_filter">
						<form>
							<label>
								حسب السبب
								<select name="wallet_reasons" class="form-control form-control-sm">
									<option value="0">الكل</option>
									<option value="add_to_warehouse">{{ __('api.driver_wallet_reasons.add_to_warehouse') }}</option>
									<option value="sub_from_warehouse">{{ __('api.driver_wallet_reasons.sub_from_warehouse') }}</option>
									<option value="online_order_receipt">{{ __('api.driver_wallet_reasons.online_order_receipt') }}</option>
									<option value="order_receipt">{{ __('api.driver_wallet_reasons.order_receipt') }}</option>
									<option value="order_commission">{{ __('api.driver_wallet_reasons.order_commission') }}</option>
									<option value="salary">{{ __('api.driver_wallet_reasons.salary') }}</option>
									<option value="salary_received">{{ __('api.driver_wallet_reasons.salary_received') }}</option>
									<option value="order_cancelled">{{ __('api.driver_wallet_reasons.order_cancelled') }}</option>
									<option value="commission_receipt">{{ __('api.driver_wallet_reasons.commission_receipt') }}</option>
									<option value="award">{{ __('api.driver_wallet_reasons.award') }}</option>
								</select>
							</label>
							<label>
								حسب الشهر:
								<input type="month" name="payment_month" class="form-control form-control-sm" autocomplete="off">
							</label>
							<label>
								تاريخ العملية:
								<input type="date" name="payment_date" class="form-control form-control-sm" autocomplete="off">
							</label>
							<button type="submit" class="btn btn-primary btn-sm">تصفية</button>
						</form>
					</div>
				</div>
			</div>
			<table class="table table-striped- table-bordered table-hover table-checkable m-table m-table--head-bg-primary" 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><i class="flaticon-cogwheel-2"></i></b></th>
					</tr>
				</thead>
				<tbody>
					@foreach($transactions as $transaction)
					<tr class="odd gradeX">
						<td class="text-center">
							{{ $loop->index +1 }}
						</td>

						<td class="text-center">
							{{ ($transaction['amount'] > 0)? $transaction['amount'] : ('(' . abs($transaction['amount']) . ')') }}
						</td>

						<td class="text-center">
							{{ __('api.driver_wallet_reasons.' . $transaction['reason']) }}
						</td>

						<td class="text-center">
							{{ $transaction['created_at']->format('Y-m-d') }}
						</td>

						<td class="text-center">
							{{ $transaction['notes']?: '-' }}
						</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-target="#view-details" data-id="{{ $transaction->id }}" data-toggle="modal">
								<i class="la la-eye"></i>
							</a>
							<a href="{{ route('admin.driver_wallets.delete', ['driverWallet' => $transaction->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>
						</td>
					</tr>
					@endforeach
				</tbody>
				<tfoot>
					<tr class="odd gradeX alert alert-{{ ($transactions->sum('amount') >= 0)? 'success' : 'danger' }}">
						<td class="text-center" colspan="3">
							اجمالي الحساب
						</td>

						<td class="text-center" colspan="3">
							{{ $transactions->sum('amount') }} ريال
						</td>
					</tr>
				</tfoot>
			</table>
			<div class="modal fade" id="view-details" tabindex="-1" role="dialog" aria-labelledby="Advanced" aria-hidden="true">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">عرض تفاصيل العملية</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div class="m-portlet__body m-portlet__body--no-padding">
								<div class="form-group m-form__group row">
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_payment_type" class="form-control-label">الطرف المستحِق </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>
											<input type="text" id="wallet_payment_type" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_amount" 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-donate m--font-warning"></i>
												</span>
											</div>
											<input type="text" id="wallet_amount" class="form-control m-input" disabled>
										</div>
									</div>
								</div>

								<div class="form-group m-form__group row">
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_reason" class="form-control-label">سبب العملية </label>
										<div class="input-group m-input-group">
											<div class="input-group-prepend">
												<span class="input-group-text">
													<i class="la la-align-justify m--font-primary"></i>
												</span>
											</div>
											<input type="text" id="wallet_reason" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_voucher_no" 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-hashtag m--font-danger"></i>
												</span>
											</div>
											<input type="text" id="wallet_voucher_no" class="form-control m-input" disabled>
										</div>
									</div>
								</div>

								<div class="form-group m-form__group row">
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_payment_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="la la-calendar m--font-success"></i>
												</span>
											</div>
											<input type="text" id="wallet_payment_date" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_notes" class="form-control-label">ملاحظات </label>
										<div class="input-group m-input-group">
											<div class="input-group-prepend">
												<span class="input-group-text">
													<i class="la la-align-right m--font-primary"></i>
												</span>
											</div>
											<input type="text" id="wallet_notes" class="form-control m-input" disabled>
										</div>
									</div>
								</div>

								<div class="form-group m-form__group row">
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_is_paid" 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-handshake m--font-primary"></i>
												</span>
											</div>
											<input type="text" id="wallet_is_paid" class="form-control m-input" disabled>
										</div>
									</div>
								</div>

								<div class="form-group m-form__group row">
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_order_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="la la-slack m--font-primary"></i>
												</span>
											</div>
											<input type="text" id="wallet_order_id" class="form-control m-input" disabled>
										</div>
									</div>
									<div class="col-lg-6 m-form__group-sub">
										<label for="wallet_admin_name" 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-ellipsis-v m--font-primary"></i>
												</span>
											</div>
											<input type="text" id="wallet_admin_name" class="form-control m-input" disabled>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">
								<span>اغلاق</span>
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="m_user_profile_tab_2">
		<form action="{{ route('admin.drivers.update', ['driver' => $driver->id]) }}" method="POST" class="m-form m-form--label-align-left- m-form--state-" id="m_form" onsubmit="return confirm('تأكيد العملية؟')">
			@csrf {{ method_field('PUT') }}
			<div class="m-portlet__body">
				<div class="form-group m-form__group row">
					<div class="col-lg-6 m-form__group-sub">
						<label for="payment_type" class="form-control-label">الطرف المستحِق  </label>
						<div class="m-radio-inline">
							<label class="m-radio">
								<input type="radio" name="payment_type" value="from_app" {{ old('payment_type')? ((old('payment_type') == 'from_app')? 'checked' : '') : 'checked' }} > {{ __('api.driver_wallet_payment_type.from_app') }}
								<span></span>
							</label>
							<label class="m-radio">
								<input type="radio" name="payment_type" value="to_app" {{ old('payment_type')? ((old('payment_type') == 'to_app')? 'checked' : '') : '' }} > {{ __('api.driver_wallet_payment_type.to_app') }}
								<span></span>
							</label>
						</div>
						@if ($errors->has('payment_type'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('payment_type') }}
							</strong>
						</span>
						@endif
					</div>
					<div class="col-lg-6 m-form__group-sub">
						<label for="amount" 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-donate m--font-warning"></i>
								</span>
							</div>
							<input type="number" id="amount" name="amount" value="{{ old('amount')?: 0 }}" class="form-control m-input{{ $errors->has('amount') ? ' is-invalid' : '' }}" autocomplete="off">
							<div class="input-group-append">
								<span class="input-group-text">ريال سعودي
								</span>
							</div>
						</div>
						@if ($errors->has('amount'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('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="reason" class="form-control-label">سبب العملية  </label>
						<div class="input-group m-input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">
									<i class="la la-align-justify m--font-primary"></i>
								</span>
							</div>
							<select id="reason" name="reason" class="form-control m-input{{ $errors->has('reason') ? ' is-invalid' : '' }}">
								<optgroup label="أسباب خاصة بالدفع في حال: المبلغ {{ __('api.driver_wallet_payment_type.from_app') }}">
									<option value="sub_from_warehouse" {{ (old('reason') == 'sub_from_warehouse')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.sub_from_warehouse') }}
									</option>
									<option value="order_receipt" {{ (old('reason') == 'order_receipt')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.order_receipt') }}
									</option>
								</optgroup>
								<optgroup label="أسباب خاصة بالدفع في حال: المبلغ {{ __('api.driver_wallet_payment_type.to_app') }}">
									<option value="add_to_warehouse" {{ (old('reason') == 'add_to_warehouse')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.add_to_warehouse') }}
									</option>
									<option value="salary" {{ (old('reason') == 'salary')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.salary') }}
									</option>
									<option value="order_cancelled" {{ (old('reason') == 'order_cancelled')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.order_cancelled') }}
									</option>
									<option value="commission_receipt" {{ (old('reason') == 'commission_receipt')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.commission_receipt') }}
									</option>
									<option value="award" {{ (old('reason') == 'award')? 'selected' : '' }} >
										{{ __('api.driver_wallet_reasons.award') }}
									</option>
								</optgroup>
							</select>
						</div>
						@if ($errors->has('reason'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('reason') }}
							</strong>
						</span>
						@endif
					</div>
					<div class="col-lg-6 m-form__group-sub">
						<label for="voucher_no" 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-hashtag m--font-danger"></i>
								</span>
							</div>
							<input type="text" id="voucher_no" name="voucher_no" value="{{ old('voucher_no') }}" class="form-control m-input{{ $errors->has('voucher_no') ? ' is-invalid' : '' }}" autocomplete="off">
						</div>
						@if ($errors->has('voucher_no'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('voucher_no') }}
							</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_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="la la-calendar m--font-success"></i>
								</span>
							</div>
							<input type="date" id="payment_date" name="payment_date" value="{{ old('payment_date')?: Carbon\Carbon::now()->format('Y-m-d') }}" class="form-control m-input{{ $errors->has('payment_date') ? ' is-invalid' : '' }}" autocomplete="off">
						</div>
						@if ($errors->has('payment_date'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('payment_date') }}
							</strong>
						</span>
						@endif
					</div>
					<div class="col-lg-6 m-form__group-sub">
						<label for="notes" class="form-control-label">ملاحظات  </label>
						<div class="input-group m-input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">
									<i class="la la-align-right m--font-primary"></i>
								</span>
							</div>
							<input type="text" id="notes" name="notes" value="{{ old('notes') }}" class="form-control m-input{{ $errors->has('notes') ? ' is-invalid' : '' }}" autocomplete="off">
						</div>
						@if ($errors->has('notes'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('notes') }}
							</strong>
						</span>
						@endif
					</div>
				</div>

				<div class="form-group m-form__group row">
					<div class="col-lg-6 m-form__group-sub">
						<label for="is_paid" class="form-control-label">تم تسليم المبلغ؟</label>
						<div class="m-checkbox-inline">
							<label class="m-checkbox">
								<input type="checkbox" name="is_paid" value="1" checked=""> تم
								<span></span>
							</label>
						</div>
						@if ($errors->has('is_paid'))
						<span class="m-validation_error">
							<strong>
								{{ $errors->first('is_paid') }}
							</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"><b> اضافة الحركة </b></button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>
@endsection

@push('page_level_style')
	<style type="text/css">
		input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
			-webkit-appearance: none;
			direction: ltr;
		}
		input[type=number] {
			direction: ltr;
			text-align: left;
		}
	</style>
@endpush

@push('page_level_script')
	<script type="text/javascript">
		$(".view-details-btn").click (function () {
			$("#wallet_payment_type").val();
			$("#wallet_amount").val();
			$("#wallet_reason").val();
			$("#wallet_voucher_no").val();
			$("#wallet_payment_date").val();
			$("#wallet_notes").val();
			$("#wallet_is_paid").val();
			$("#wallet_order_id").val();
			$("#wallet_admin_name").val();

			$.ajax({
				type: "GET",
				url: admin_url + "/driver_wallets/" + $(this).data('id'),
				success: function(data){
					var wallet = data;
					$("#wallet_payment_type").val(wallet.payment_type);
					$("#wallet_amount").val(wallet.amount);
					$("#wallet_reason").val(wallet.reason);
					$("#wallet_voucher_no").val(wallet.voucher_no);
					$("#wallet_payment_date").val(wallet.payment_date);
					$("#wallet_notes").val(wallet.notes);
					$("#wallet_is_paid").val(wallet.is_paid? 'تم' : 'لا');
					$("#wallet_order_id").val(!!wallet.order_id? wallet.order_id : '-');
					$("#wallet_admin_name").val(wallet.admin_name);
				}
			});
		});
	</script>
@endpush