@extends('layouts.default1400-profile', ['title' => 'درخواست مرجوعی'])

@section('content')

<div class="p-8">

	<div class="flex justify-between">
		<div>
			<button class="btn btn-primary" id="newRequestModal">درخواست جدید</button>
			<button class="btn btn-primary" id="shabaModal">معرفی شماره شبا</button>

		</div>
		<div>
			@if(Auth::user()->bank_shaba != "" )
			شماره شبا: {{ Auth::user()->bank_shaba }} <br>
			آخرین تغییر: <span style="direction: ltr">{{ GetShamsiDate(Auth::user()->bank_shaba_at) }}</span>
			@endif
		</div>
	</div>


	@if(Auth::user()->bank_shaba == "")
	<div class="alert alert-warning" role="alert">
		شما هنوز شماره شبای خود را معرفی نکرده‌ایید!
	</div>
	@endif


	<div class="overflow-x-auto">
		<table class="table w-full table-zebra text-sm">
			<tr>
				<th>ردیف</th>
				<th style="width: 25%;text-align: center;">تاریخ</th>
				<th style="width: 25%;text-align: center;" style="width: 25%;">شماره پیگیری</th>
				<th style="width: 25%;text-align: center;">محصول</th>
				<th style="width: 25%;text-align: center;">وضعیت</th>
			</tr>

			@foreach($data as $item)

			<tr>
				<td>{{ $item->rowIndex }}</td>
				<td style="text-align: center;">{{ GetShamsiDateWithoutTime($item->created_at) }}</td>
				<td style="text-align: center;">{{ $item->cart }}</td>
				<td style="text-align: center;">{{ $item->product }}</td>
				<td style="text-align: center;">
					@if($item->status_id == 4)
					<span class="returnorder-circle"></span>
					@elseif($item->status_id == 5)
					<span class="returnorder-circle-red"></span>
					@endif
					{{ $item->Status->title }}
				</td>
			</tr>
			<tr>
				<td colspan="5" style="padding: 0">
					<div class="dvButtonShowDetails rounded-md"
						style="background-color: #f9f9f9;    padding: 8px;    text-align: center;">

						<h6 style="margin:5px 0;cursor: pointer; "> نمایش جزئیات </h6>

						<div style="display:none;text-align: right;">
							<table class="table w-full table-zebra text-sm">
								<tr>
									<th>علت/توضیحات</th>
									<th>توضیحات مدیر</th>
								</tr>
								<td class="text-right" style="vertical-align: text-top;">
									{{ $item->reason_request }}
								</td>

								<td class="text-right" style="vertical-align: text-top;">
									@if($item->admin_details!='')
									{{ $item->admin_details }}
									@endif
								</td>

							</table>
						</div>
					</div>
				</td>
			</tr>

			@endforeach
		</table>
	</div>

</div>


<!-- Modal -->
<div class="hidden">
	<form method="post" action="{{ url('/profile/shaba/update') }}" id="shabaForm" class="p-6">

		@csrf

		<div class="row">
			<div class="col-md-5">
				<div class="form-control">
					<label for="bank_title">نام بانک (اجباری)</label>
					<input type="text" class="input input-bordered" name="bank_title" id="bank_title"
						value="{{ Auth::user()->bank_title }}">
					{!! $errors->first('bank_title', '<span class="error">:message</span>') !!}
				</div>
			</div>

			<div class="col-md-7">
				<div class="form-control">
					<label for="bank_shaba">شماره شبای حساب (اجباری)</label>
					<input type="text" class="input input-bordered" style="direction: ltr;"
						value="{{ Auth::user()->bank_shaba }}" placeholder="" name="bank_shaba" id="bank_shaba">
					{!! $errors->first('bank_shaba', '<span class="error">:message</span>') !!}
				</div>
			</div>

		</div>

		<div class="row">
			<div class="col-md-12">
				توجه: <br>
				۱. لطفا در معرفی شماره شبا دقت فرمائید. <br>
				۲. حساب بانکی باید متعلق به صاحب حساب کاربری باشد. <br>
				۳. در صورت عدم معرفی شماره شبا، امکان درخواست مرجوعی وجود نخواهد داشت. <br>
			</div>
		</div>

		<div>
			<button type="submit" class="btn btn-primary" id="btnSaveShaba" name="btnSaveShaba"
				onclick="return verifyShabaForm();">ذخیره</button>

		</div>
	</form>


	<form method="post" action="{{ url('/profile/orders-return/add') }}" id="newRequestForm" class="p-6">

		@csrf

		<div class="row">
			<div class="col-md-6">
				<div class="form-control">
					<label for="cart_id">شماره پیگیری سفارش</label>
					<input type="text" class="input input-bordered" style="direction: ltr;" name="cart" id="cart"
						placeholder="DO-2348">
					{!! $errors->first('cart_id', '<span class="error">:message</span>') !!}
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-control">
					<label for="product_id">نام کامل محصول</label>
					<input type="text" class="input input-bordered" name="product" id="product" />
					{!! $errors->first('product_id', '<span class="error">:message</span>') !!}
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="form-control">
					<label for="reason_request">علت / توضیحات</label>
					<textarea name="reason_request" id="reason_request" rows="3"
						class="textarea textarea-bordered"></textarea>
					{!! $errors->first('reason_request', '<span class="error">:message</span>') !!}
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				با توجه به علت، نوع و ماهیت کالا، امکان یا مدت زمان مرجوعی متفاوت می باشد.
				<br>
				<a href="/pages/6/return-policy">قوانین برگشت کالا</a>
			</div>
		</div>

		<div class="row">
			<div class="col-md-5">
				<div class="form-control">

				</div>
				@if(isset($profile_message))
				{{ $profile_message }}
				@endif

				@if(session('profile_message'))
				@if(session('profile_message')!="error")
				<div class="alert {{ session('class') }}">{{ session('profile_message') }}</div>
				@endif
				@endif
			</div>

			<div class="col-md-5">

			</div>
		</div>


		<div>
			@if(Auth::user()->bank_shaba == "")
			<span class="red" style="width: 100%; text-align:right;">
				قبل از تکمیل این فرم باید شماره شبای خود را وارد نمایید.
			</span>
			@endif

			<button type="submit" class="btn btn-primary" id="btnSave" name="btnSave" {{ (Auth::user()->bank_shaba ==
				"")
				? 'disabled' : '' }} onclick="return verifyForm();" >ذخیره</button>

		</div>
	</form>
</div>
@stop

@section('scripts')
<script src="/js/ordersreturn.js?v=0.3" type="text/javascript"></script>
<script type="text/javascript">
	alertify.genericDialogShabaForm || alertify.dialog('genericDialogShabaForm',function(){
        return {
            main:function(content){
                this.setContent(content);
            },
            setup:function(){
                return { 
                    options:{ 
                        basic:false,
                        maximizable:false,
                        resizable:false,
                        padding:false,
                        title:'معرفی شماره شبا', 
                    }
                };
            },
            settings:{
                selector:undefined
            },
            prepare: function () {
                this.elements.footer.style.display = "none";
            }
        };
    });

	alertify.genericDialogRequest || alertify.dialog('genericDialogRequest',function(){
        return {
            main:function(content){
                this.setContent(content);
            },
            setup:function(){
                return { 
                    options:{ 
                        basic:false,
                        maximizable:false,
                        resizable:false,
                        padding:false,
                        title:'درخواست جدید', 
                    }
                };
            },
            settings:{
                selector:undefined
            },
            prepare: function () {
                this.elements.footer.style.display = "none";
            }
        };
    });
 
    $('#newRequestModal').click(function(){
        alertify.genericDialogRequest($('#newRequestForm')[0]);
    });
    $('#shabaModal').click(function(){
        alertify.genericDialogShabaForm($('#shabaForm')[0]);
    });
</script>
@stop