@extends('layouts.default-new', ['title' => 'درخواست‌ خرید اقساطی و اعتباری'])

@section('title', 'درخواست‌ خرید اقساطی و اعتباری' )
@section('bodyclass', 'left-sidebar single single-post pace-done profile-page vispage_memberaddress_list')

@section('meta')
<link rel="stylesheet" type="text/css" href="/select2/css/select2.min.css">
<link rel="stylesheet" type="text/css" href="/select2/css/custom.css">
@stop

@section('content')

<div id="content" class="site-content">
	<div class="col-full">
		<div class="row">
			<nav class="woocommerce-breadcrumb">
				<a href="/">خانه</a>
				<span class="delimiter">
					<i class="fa fa-angle-left"></i>
				</span>
				درخواست‌ خرید اقساطی و اعتباری

			</nav>
			<!-- .woocommerce-breadcrumb -->
			<div id="primary" class="content-area">
				<main id="main" class="site-main boxborder">

					@if(($data->status ?? 'draft') != 'draft')
					<div class="alert alert-info">
						@if($data->status == 'initial-request' || $data->status == 're-request' )
						درخواست شما با موفقیت ثبت شد. کارشناسان دنت آنلاین در اولین فرصت جهت تکمیل فرآیند با شما تماس
						خواهند گرفت.
						@elseif($data->status == 'pending')
						درخواست شما هم اکنون در حال بررسی است. لطفا منتظر تماس کارشناسان دنت آنلاین جهت تکمیل فرآیند
						بمانید.
						@elseif($data->status == 'waiting-documents')
						درخواست شما تایید شد و منتظر ارسال مدارک از طرف شما هستیم.
						@elseif($data->status == 'disapproval')
						متاسفانه درخواست شما رد شد. در صورت تمایل جهت پیگیری می‌توانید با دنت آنلاین تماس حاصل فرمائید.
						@elseif($data->status == 'approval')
						درخواست شما در حالت تایید نهایی قرار گرفت. هم اکنون میتوانید جهت خرید به صورت اعتباری و اقساطی
						اقدام فرمایید.
						@endif
					</div>
					@endif

					@if(($data->status ?? 'draft') == 'draft' || ($data->status ?? 'draft') == 'disapproval')

					{!! $setting->request_installment_content !!}

					<form action="{{ route('user.profile.installment.requests') }}" method="POST"
						enctype="multipart/form-data" id="form-installment-request">
						@csrf

						<div>
							<div class="row">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label for="amount">اعتبار درخواستی (اجباری)</label>
												<select class="form-control" name="amount" id="amount">
													<option value="0">انتخاب کنید...</option>
													@foreach ($amounts as $amount_key => $amount_item)
													<option value="{{ $amount_key }}">{{ $amount_item }}</option>
													@endforeach

												</select>

												{!! $errors->first('amount', '<span class="error">:message</span>') !!}
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>مبلغ چک ضمانت</label>
												<input type="text" value="" id="priceCheque" readonly
													style="background-color: #f9f9f9;" class="form-control">

												{!! $errors->first('amount', '<span class="error">:message</span>') !!}
											</div>
										</div>

									</div>
								</div>

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

									<div class="shipping-right-parts">
										<div class="form-row form-row-wide address-field validate-required">

											<strong>
												آدرس و مشخصات
											</strong>
											<p>با کلیک بر روی کادر پایین آدرس و مشخصات خود را وارد نمایید.
											</p>

											<select name="selAddress" id="selAddress" size="1" class="form-control"
												style="background-color: #fffce5;">
												<option value="null" selected="selected">انتخاب کنید...</option>
												<option value="-1">+ افزودن آدرس جدید</option>
											</select>

										</div>

										<div class="clear"></div>

										<div id="dvAddressSelected"
											class="form-row form-row-wide address-field validate-required"
											style="display: none;">
											<input type="hidden" id="currentAddressID" value="0">
											<div class="row">
												<div class="col-md-12 md-right">
													نام و نام خانوادگی: <span id="lblAdrName"></span>
												</div>
											</div>

											<div class="row">
												<div class="col-md-4">
													همراه: <span id="lblAdrMobile"></span>
												</div>
												<div class="col-md-4 text-center">
													تلفن ثابت: <span id="lblAdrPhone"></span>
												</div>
												<div class="col-md-4 align-left">
													کدپستی: <span id="lblAdrZipcode"></span>
												</div>
											</div>

											<div class="row">
												<div class="col-md-8">
													آدرس: <span id="lblAdrAddress"></span>
													پلاک: <span id="lblAdrAddressPelak"></span>
													واحد: <span id="lblAdrAddressUnit"></span>

													<input type="hidden" id="iAdrDistricts" value="">
													<input type="hidden" id="iAdrAddressLat" value="">
													<input type="hidden" id="iAdrAddressLng" value="">
													<input type="hidden" id="confirm_location" value="">
												</div>
												<div class="col-md-4 align-left">
													<a href="#edit-address" id="edit-address" class="button">ویرایش</a>

												</div>
											</div>

										</div>

										<div class="clear"></div>

									</div>

								</div>
							</div>

							@if($user->image_pcode == '')
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label style="display: block;" for="image_national_card">
											تصویر کارت ملی
											(اجباری) | فرمت های مورد قبول jpg/png
										</label>
										<input type="hidden" name="hvimage_national_card" id="hvimage_national_card"
											value="{{ $data->image_national_card ?? '' }}">
										<input type="file" id="image_national_card" name="image_national_card"
											accept="image/*" style="display:inline-block;">

										@if(( $data->image_national_card ?? '' != ''))
										<img src="{{ '/img/users/docs/' . $data->image_national_card }}"
											style="height: 80px; float: left;" id="pvimage_national_card">
										@else
										<img src="" style="height: 80px;display:none; float: left;"
											id="pvimage_national_card">
										@endif
										<span class="error">{{ $errors->first('image_national_card') }}</span>
									</div>
								</div>
							</div>
							@endif
							@if($user->image_business_license == '')
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label style="display: block;" for="image_business_license">
											تصویر پروانه مطب
											(اجباری) | فرمت های مورد قبول jpg/png
										</label>
										<input type="hidden" name="hvimage_business_license"
											id="hvimage_business_license"
											value="{{ $data->image_business_license ?? '' }}">
										<input type="file" id="image_business_license" name="image_business_license"
											accept="image/*" style="display:inline-block;">

										@if(( $data->image_business_license ?? '' != ''))
										<img src="{{ '/img/users/docs/' . $data->image_business_license }}"
											style="height: 80px; float: left;" id="pvimage_business_license">
										@else
										<img src="" style="height: 80px;display:none; float: left;"
											id="pvimage_business_license">
										@endif
										<span class="error">{{ $errors->first('image_business_license') }}</span>
									</div>
								</div>
							</div>
							@endif
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label style="display: block;" for="image">
											تصویر برگه خام چک صیادی
											(اجباری) | فرمت های مورد قبول jpg/png
										</label>
										<input type="hidden" name="hvimage_cheque" id="hvimage_cheque"
											value="{{ $data->image_cheque ?? '' }}">
										<input type="file" id="image_cheque" name="image_cheque" accept="image/*"
											style="display:inline-block;">

										@if(( $data->image_cheque ?? '' != ''))
										<img src="{{ '/img/users/docs/' . $data->image_cheque }}"
											style="height: 80px; float: left;" id="pvimage_cheque">
										@else
										<img src="" style="height: 80px;display:none; float: left;" id="pvimage_cheque">
										@endif
										<span class="error">{{ $errors->first('image_cheque') }}</span>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label style="display: block;" for="image_account3months">
											پرینت ۳ ماهه حساب جاری (فقط صفحه اول و دو صفحه آخر)

											(اختیاری) | فرمت های مورد قبول jpg/png/pdf
										</label>

										<input type="file" id="image_account3months" name="image_account3months"
											accept="image/jpeg,image/png,application/pdf" style="display:inline-block;">

										@if(( $data->image_account3months ?? '' != ''))
										<img src="{{ '/img/users/docs/' . $data->image_account3months }}"
											onerror="this.onerror=null;this.src='/img/pdf-big.png';"
											style="height: 80px; float: left;" id="pvimage_account3months">
										@else

										@endif
										<span class="error">{{ $errors->first('image_account3months') }}</span>
									</div>
								</div>
							</div>


						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="checkbox">
									<label for="review_request">
										<input type="checkbox" name="review_request" id="review_request" value="1"> <a
											target="_blank" href="/pages/5/rules">قوانین و مقررات</a> دنت‌آنلاین را
										خوانده‌ام و با
										آنها موافق هستم.
									</label>
								</div>

								<div class="form-group">

									<div class="text-left">
										<button type="submit" class="btn btn-primary" id="subUpdate" name="subUpdate"
											style="margin-top: 15px;">ارسال درخواست</button>
									</div>
								</div>
							</div>
						</div>

					</form>
					@endif

				</main>
				<!-- #main -->
			</div>
			<!-- #primary -->
			<div id="secondary" class="sidebar-blog widget-area mostvisited-widget-area" role="complementary">
				@include('members.profile.nav')
			</div>
			<!-- .sidebar-blog -->
		</div>
		<!-- .row -->
	</div>
	<!-- .col-full -->
</div>

<!-- Modal -->
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
			</div>
			<div class="modal-body">
				<div id="modalAlertMessage"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="button button-default" data-dismiss="modal">بستن</button>
			</div>
		</div>
	</div>
</div>

<!-- Modal -->
<div class="modal fade" id="newAddressModal" role="dialog" aria-labelledby="newAddressModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">

				<h4 class="modal-title" id="newAddressModalLabel">آدرس جدید</h4>
				<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="dvNewAddress">

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="title">عنوان | فارسی</label>
								<input type="text" name="title" id="title" class="form-control"
									placeholder="مثال: مطب، منزل و ..." value="">
								{!! $errors->first('title', '<span class="error">:message</span>') !!}
								<span class="error" id="span_title"></span>
							</div>

						</div>

						<div class="col-md-6">
							<div class="form-group">
								<label for="flname">نام و نام خانوادگی تحویل گیرنده | فارسی</label>
								<input type="text" name="flname" id="flname" class="form-control"
									placeholder="مثال علی حسینی" value="">
								{!! $errors->first('flname', '<span class="error">:message</span>') !!}
								<span class="error" id="span_flname"></span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="mobile">همراه | لاتین</label>
								<input type="text" name="mobile" id="mobile" class="form-control ltr" maxlength="12"
									placeholder="09123456789" value="">
								{!! $errors->first('mobile', '<span class="error">:message</span>') !!}
								<span class="error" id="span_mobile"></span>
							</div>
						</div>

						<div class="col-md-6">
							<div class="form-group">
								<label for="phone">تلفن ثابت | لاتین</label>
								<input type="text" name="phone" id="phone" class="form-control ltr" maxlength="12"
									placeholder="02166661054" value="">
								{!! $errors->first('phone', '<span class="error">:message</span>') !!}
								<span class="error" id="span_phone"></span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="selProvince">استان (اجباری)</label>
								<select class="form-control province" name="province" id="selProvince">
									@if($user->province == "" || $user->province == null)
									<option selected value="" data-id="0">انتخاب کنید...</option>
									@endif
									@foreach ($provinces as $provinces_item)
									<option {!! $user->province == $provinces_item->title ? 'selected' : '' !!}
										value="{{ $provinces_item->title }}"
										data-id="{{ $provinces_item->id }}">{{ $provinces_item->title }}</option>
									@endforeach
								</select>
								{!! $errors->first('province', '<span class="error">:message</span>') !!}
							</div>

						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="selCity">شهر (اجباری)</label>
								<select class="form-control city" name="city" id="selCity">
									@foreach ($cities as $cities_item)
									<option {!! $user->city == $cities_item->title ? 'selected' : '' !!}
										value="{{ $cities_item->title }}">{{ $cities_item->title }}</option>
									@endforeach
								</select>

								{!! $errors->first('city', '<span class="error">:message</span>') !!}
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6" id="newAddressModalContentDis">
							<div class="form-group">
								<label for="districts">محله (فقط شهر تهران)</label>
								<select class="form-control buyer_districts" name="districts" id="districts">
									<option value="0" data-id="0">انتخاب کنید...</option>
								</select>

								{!! $errors->first('districts', '<span class="error">:message</span>') !!}
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="zipcode">کدپستی | لاتین</label>
								<input type="text" name="zipcode" id="zipcode" class="form-control ltr" maxlength="10"
									placeholder="1234567891" value="">
								{!! $errors->first('zipcode', '<span class="error">:message</span>') !!}
								<span class="error" id="span_zipcode"></span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label for="address">آدرس | فارسی</label>
								<input type="text" name="address" id="address" class="form-control"
									placeholder="شهرک گلستان، میدان اتریش، خیابان بنفشه نهم شمالی ..." value="">
								{!! $errors->first('address', '<span class="error">:message</span>') !!}
								<span class="error" id="span_address"></span>
							</div>
						</div>

					</div>


					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="address_pelak">پلاک | لاتین</label>
								<input type="text" name="address_pelak" id="address_pelak" class="form-control ltr"
									placeholder="" value="">
								{!! $errors->first('address_pelak', '<span class="error">:message</span>') !!}
								<span class="error" id="span_address_pelak"></span>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="address_unit">واحد | لاتین</label>
								<input type="text" name="address_unit" id="address_unit" class="form-control ltr"
									placeholder="" value="">
								{!! $errors->first('address_unit', '<span class="error">:message</span>') !!}
								<span class="error" id="span_address_unit"></span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12">
							لطفا محل دقیق آدرس را بر روی نقشه مشخص نمایید‌.
							<div id="mapBox">
								<button id="locate-position" class="precision"></button>
								<div id="map" class="c-map"></div>
								<input type="hidden" id="lng" value="51.33780115367233" />
								<input type="hidden" id="lat" value="35.699747646281196" />
							</div>
						</div>
					</div>

				</div>
				<div id="modalAlertMessageAddress" style="text-align: left;"></div>
			</div>
			<div class="modal-footer">
				<input type="hidden" id="modalAddressID" value="0" />
				<button type="button" class="button button-default" id="modal_address_close"
					data-dismiss="modal">بستن</button>
				<button type="button" class="button" id="modal_address_submit">ذخیره</button>
			</div>
		</div>
	</div>
</div>


<!-- Modal -->
<div class="modal fade" id="deleteAddressModal" tabindex="-1" role="dialog" aria-labelledby="deleteAddressModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="deleteAddressModalLabel">حذف آدرس</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>

			</div>
			<div class="modal-body">
				آیا میخواهید آدرس مورد نظر حذف شود؟
			</div>
			<div class="modal-footer">
				<button type="button" class="button button-default" id="modal_address_close"
					data-dismiss="modal">انصراف</button>
				<button type="button" class="button button-danger" id="modal_address_delete">حذف</button>
			</div>
		</div>
	</div>
</div>

@stop

@section('scripts')
<script type="text/javascript" src="/select2/js/select2.full.min.js"></script>

<script src="https://www.parsimap.com/js/v3.1.0/parsimap.js?key=public"></script>
<script src="https://www.parsimap.com/js/v3.1.0/plugins/parsimap-pointer.js"></script>
<script src="/js/persian.min.js"></script>

<script type="text/javascript" src="/js/installment-request.js?v=0.8"></script>
<script type="text/javascript" src="/js/profile.js?v=0.7"></script>

<script type="text/javascript">
	var alertGPS = true;
	var defaultAddressSel = 0;
	var userAddressInit = `{!! json_encode($userAddressInit) !!}` ;

	$(document).ready(function() {

		$("#addr_province").select2();
		$("#addr_city").select2();
		$("#district").select2();
	
		$('#amount').change(function()
		{
			var valTemp = $(this).val() * 1.5;

			if(valTemp == 0) 
				$('#priceCheque').val("");
			else
			{
				var temp = valTemp.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
				temp = englishNumber2Perian( temp );
				$('#priceCheque').val( temp + ' تومان');
			}
		});
		
		

		var map = null;

		$("#districts").change(function(){
			var lat = $("#districts option:selected").data('lat');
			var lng = $("#districts option:selected").data('lng');

			map.setCenter( [lng, lat]); 
		});

		$('#newAddressModal').on('show.bs.modal', function (event) {
			setTimeout(function(){
				var lng = $('#lng').val();
				var lat =  $('#lat').val();
				
				$("#map").html("");

				var container = document.getElementById('map');
				var mapOptions = { center: [ lng ,  lat ], zoom: 15 };
				map = new parsimap.Map(container, mapOptions);
			
				map.on('load', function() { 
					var symbolLayerOptions = map.getDefaultSymbol();
				
					var pointer = new parsimap.Pointer(map, {
						type: 'center',
						layerOptions: symbolLayerOptions,
					});
					pointer.enable();
					
					pointer.on('select', function(event) { 
						$("#lng").val(event.lngLat.lng);
						$("#lat").val(event.lngLat.lat);
					});

					var targetData = {
						type: 'Feature',
						geometry: { type: 'Point', coordinates: [0, 0] },
					};

					navigator.geolocation.watchPosition(onWatchPosition, onPositionError);
			
					function onWatchPosition(position) {
						var coords = position.coords;
						var coordinates = [coords.longitude, coords.latitude];
						targetData.geometry.coordinates = coordinates;
						var source = map.getSource('target-source');
						if (source) source.setData(targetData);
					}
			
					function onPositionError() 
					{ 
						if(alertGPS)
							alertify.error('لطفا اجازه دسترسی به موقعیت مکانی را به مرورگر دهید !');

						alertGPS = false;
					}
			
					document.getElementById('locate-position').onclick = function() {
						map.flyTo(targetData.geometry.coordinates, 18, 4);
					}; 


				});

			}, 1000);
			
		});

		
	});

	function englishNumber2Perian(num)
	{
		num = num.replaceAll("0", "۰")
			.replaceAll("1", "۱")
			.replaceAll("2", "۲")
			.replaceAll("3", "۳")
			.replaceAll("4", "۴")
			.replaceAll("5", "۵")
			.replaceAll("6", "۶")
			.replaceAll("7", "۷")
			.replaceAll("8", "۸")
			.replaceAll("9", "۹");
		return num;
	}
</script>
@stop