@extends('layouts.admin', ['title' => 'آدرس جدید'])
  
@section('content')
  <div class="dvContentLogin">

	@include('admin.users.profile.nav')
   

	<span style="color:blue;">لطفا برای وارد کردن نام ، نام خانوادگی و آدرس خود از صفحه کلید فارسی و برای وارد کردن اعداد از صفحه کلید لاتین استفاده نمایید.</span>

	  <form  method="post" action="{{ url('/admin/profile/'.$profile_id.'/address/add') }}" >
 
		<input type="hidden" name="_token" value="{{ csrf_token() }}">

		<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" value="" >
				  {!! $errors->first('title', '<span class="error">:message</span>') !!}
				</div>
			</div>
		  <div class="col-md-6">
			  <div class="form-group">
				<label for="name">نام و نام خانوادگی تحویل گیرنده</label>
				<input type="text" name="name" id="name" class="form-control" value="" >
				{!! $errors->first('name', '<span class="error">:message</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" value="" >
					{!! $errors->first('mobile', '<span class="error">:message</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" value="" >
				  {!! $errors->first('phone', '<span class="error">:message</span>') !!}
				</div>
			</div>
		  </div>

		<div class="row">
			<div class="col-md-6">
				<div class="form-group">
				  <label   for="province">استان</label>
				  <select class="form-control province" name="province" id="addr_province"  > 
					<option selected value="" data-id="0">انتخاب کنید...</option> 
					@foreach ($provinces as  $provinces_item)
						<option  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="city">شهر</label>
				  <select class="form-control city" name="city" id="addr_city">
					@foreach ($cities as  $cities_item)
						<option 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-12">
				<div class="form-group">
				  <label   for="address">آدرس پستی</label>
				  <input type="text"  placeholder="آدرس" name="address" id="address" class="form-control" value="" >
				  {!! $errors->first('address', '<span class="error">:message</span>') !!}
				</div>
			</div>
		  </div>

		  <div class="row">
			<div class="col-md-6">
				<div class="form-group">
					<label  for="zipcode">کدپستی</label>
					<input type="text"  placeholder="کدپستی" name="zipcode" id="zipcode" class="form-control ltr" maxlength="10" value="" >
					{!! $errors->first('zipcode', '<span class="error">:message</span>') !!}
				  </div>
			</div>
			<div class="col-md-6">
  
			</div>
		  </div>
			 
		  
	 <div class="row">
		<div class="col-md-5">
		  <div class="form-group">
			<button type="submit" class="btn btn-primary" id="btnSave" name="btnSave" onclick="return check();" >ذخیره</button>
	  
		  </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>

	 @if(isset($_GET["success"]))
	 <div class="row">
	   <div class="col-md-5">
		<div class="alert alert-success">اطلاعات شما با موفقیت ثبت / به روز رسانی شد.</div>
	  </div>
	 </div>
	 @endif
</form>
   </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">
		   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		   <h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
		 </div>
		 <div class="modal-body">
		   <div id="modalAlertMessage"></div>
		 </div>
		 <div class="modal-footer">
		   <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
		 </div>
	   </div>
	 </div>
   </div>

@stop
@section('javascript')
   <script src="/js/profile.js?v=0.5"></script>

   <script language="javascript" type="text/javascript">
   function check()
   {
	 
	 c=document.getElementById("zipcode").value;
	 if( c.length >0 && c.length != 10  ){
	   //alert("صحت کد پستی ورودی مورد تایید نیست");
	   $("#modalAlertMessage").html("صحت کد پستی ورودی مورد تایید نیست");
	   $("#alertModal").modal();
	   return false;
	 }

	 c=document.getElementById("mobile").value;
	 if(( c.length >0 && c.length != 11) || (!c.startsWith("09"))  ){
	   //alert("صحت شماره همراه ورودی مورد تایید نیست");
	   $("#modalAlertMessage").html("صحت شماره همراه ورودی مورد تایید نیست");
	   $("#alertModal").modal();
	   return false;
	 }

	 return true;

   }

   function validateMobile(value) {
	 var re = /^09\d{9}$/;
	 return re.test(value);
   }
 
   function validatePhone(value) {
	 var re = /^0\d{10}$/;
	 return re.test(value);
   }

   function validateZipCode(value) {
	 var re = /^\d{10}$/;
	 return re.test(value);
   }

   $("#mobile,#zipcode").focusout(function() {
	 var curr_control = $(this);
	 var is_valid = true;
	 switch (curr_control.attr("id")) {
	   case "mobile":
		 is_valid = validateMobile(curr_control.val());
		 break; 
	   case "zipcode":
		 is_valid = validateZipCode(curr_control.val());
		 break; 
	   default:
	 }

	 $("#btnSave").prop("disabled", false);
	 if(is_valid){
		curr_control.css("border-color","#ccc");
	 }else{
		curr_control.css("border-color","#ff3737");
		$("#btnSave").prop("disabled", true);
	  }

  });

   </script>
@stop