@extends('Layouts.frontLayout',['classBody'=>"page-template-default page   logged-in setinco page-wrapper-checkout page-wrapper-page  container-max-width show-bottom-nav custom-checkout"])
@section('title')
 {{__('Checkout')}}
@endsection
@section('css')
    <link rel = "stylesheet" href = "{{ asset('Front/assets/css/map/leaflet.css') }}"/>
    <link rel = "stylesheet" href = "{{ asset('Front/assets/css/map/leaflet-search.css') }}"/>
    <link rel = 'stylesheet' href = "{{ asset('Front/assets/css/map/leaflet.fullscreen.css') }}"  />
    <link rel = "stylesheet" href = "{{ asset('Front/assets/css/map/leaflet-routing-machine.css') }}" />
@endsection
@section('content')
   @if(isset($settings['external_link']) and $settings['external_link']==0)
@php $shipping_cost=0; @endphp
     <main id="main">
      <div class="container container-single-post">
        <nav class="breadcrumb">
          <nav class="page-wrapper-breadcrumb breadcrumb">
            <a href="/"> {{__('Home')}}</a>&nbsp;&#47;&nbsp; {{__('Checkout')}}
          </nav>
        </nav>
        <div class="row">
          <div class="col-12  post-main-content">
            <article class="post-single post-11 page type-page status-publish hentry">
              <header class="post-header">
                <h1 class="post-title">{{__('Checkout')}}</h1>
                </h1>
              </header>
              <div class="post-content">
                <div class="page-wrapper">
                  <div class="page-wrapper-notices-wrapper"></div>
                  <header class="checkout-steps">
                    <div class="step step-cart">
                      <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M20 4h2V2h-3a1 1 0 00-1 1v1H3a1 1 0 00-.995 1.1l1 10A1 1 0 004 16h15a1 1 0 001-1V4zm-2 17a2 2 0 110-4 2 2 0 010 4zM5 21a2 2 0 110-4 2 2 0 010 4zm13-7V6H4.105l.8 8H18z" clip-rule="evenodd"></path>
                      </svg>
                      <div>{{__('Cart')}}</div>
                    </div>
                    <div class="line"></div>
                    <div class="step step-checkout">
                      <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M14.17 19H8.83a3.001 3.001 0 01-5.66 0H2a1 1 0 01-1-1v-7.333C1 8.097 3.033 6 5.556 6H9V5a1 1 0 011-1h12a1 1 0 011 1v13a1 1 0 01-1 1h-2.17a3.001 3.001 0 01-5.66 0zm0-2H11V6h10v11h-1.17a3.001 3.001 0 00-5.66 0zM9 17h-.17a3.001 3.001 0 00-5.66 0H3v-3h5v-2H3v-1.333C3 9.187 4.151 8 5.556 8H9v9zm-2 1a1 1 0 11-2 0 1 1 0 012 0zm10 1a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
                      </svg>
                      <div>{{__('Checkout')}}</div>
                    </div>
                    <div class="line"></div>
                    <div class="step step-payment">
                      <svg viewBox="0 0 18 18" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M12.086 3.5l-.216-.86A2.25 2.25 0 008.976 1.05L1.406 3.54A1.5 1.5 0 00.25 5v8.25a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V5a1.5 1.5 0 00-1.5-1.5h-.164zM1.75 5h10.5v2.25H8.875a1.875 1.875 0 100 3.75h3.375v2.25H1.75V5zm4.622-1.5h4.167l-.124-.497-.016-.055a.75.75 0 00-.949-.474L6.372 3.5zM8.875 8h3.375v2.25H8.875a1.125 1.125 0 010-2.25z" clip-rule="evenodd"></path>
                      </svg>
                      <div>{{__('Payment')}}</div>
                    </div>
                  </header>
                   <div class="page-wrapper-form-coupon-toggle">
                     <div class="page-wrapper-info"> {{__('Do You Have A Discount Code?')}} <a href="#" class="showcoupon">{{__('Click Here To Write The Code')}}</a>
                     </div>
                   </div>
				    <div class="page-wrapper-form-login-toggle">
                     <div class="page-wrapper-info"> {{__('Shipping To A Different Address?')}} <a class="action-item modal-toggle address-view"  title="{{__('Click')}}"  data-toggle="jTippy" data-position="right" data-modal="address-view" href="#"> {{__('Click')}}</a>
                     </div>
                   </div>
				   
                   <form class="checkout_coupon page-wrapper-form-coupon" method="post" style="display:none"  onsubmit="return false;">
                      <p>{{__('If You Have A Discount Code Please Write It Below')}}</p>
                     <p class="form-row form-row-first">
                       <label for="coupon_code" class="screen-reader-text">{{__('Discount Code')}} :</label>
                       <input type="text" name="coupon_code" class="input-text" placeholder="{{__('Discount Code')}} " id="coupon_code" value="" />
                     </p>
                     <p class="form-row form-row-last">
                       <button type="button"  onclick="discountCode()" class="button lara-element-button" name="apply_coupon" value="{{__('Apply Discount Code')}}">{{__('Apply Discount Code')}}</button>
                     </p>
                     <div class="clear"></div>
                   </form>
  
                  <div class="page-wrapper-notices-wrapper"></div>
                  <form name="checkout" action="{{route('Front.carts.paymentOrder')}}"  method="post" class="checkout page-wrapper-checkout"  enctype="multipart/form-data">
				     @csrf
                    <div class="checkout-inner">
                      <div class="customer-details-holder">
                        <div class="col2-set" id="customer_details">
                          <div class="col-1">
                            <div class="page-wrapper-billing-fields">
                              <h3>{{__('Billing Details')}}</h3>
                              <div class="page-wrapper-billing-fields__field-wrapper">
 
                                <p class="form-row form-row-wide address-field validate-required validate-state" id="billing_state_field" data-priority="50">
                                  <label for="address_id" class="">{{__('Address')}} <abbr class="required" title="{{__('Required')}}">*</abbr>
                                  </label>
                                  <span class="page-wrapper-input-wrapper">
                                    <select name="address_id" id="billing_state" class="address_id select_2" autocomplete="address_id" data-placeholder="{{__('Address')}}" data-input-classes="" data-label="{{__('Address')}}" onchange="setAddress(this.value)">
                                     <option value="0" >{{__('Select')}}</option>
									 @foreach($data['address'] as $address)
                                       <option value="{{$address->id}}"  @if($address->id==$data['address_id'])  selected  @endif >{{$address->title}}</option>
									 @endforeach
                                    </select>
                                  </span>
                                </p>
 
                        @php $flageDispatch=0; @endphp
                        @php $flageShipment=0; @endphp
                        @php $index=1; @endphp
                        @foreach($data['dispatch'] as $dispatch)
                        @php

                         if($data['address_id']==0 )
                        $Shipments=\App\Models\Shipment::getShipmentsWithTypeProduct($dispatch->shipping_type);
                        else
                        $Shipments=\App\Models\Shipment::getShipmentsWithTypeProductAndCity($dispatch->shipping_type,$data['city_id']);
                      @endphp
                      <div class="cart-contents  wc_payment_methods">
                        <header class="cart-header">
                          <div>
                            <strong class="title">{{__('Dispatch')}} </strong>
                            <div class="count"> {{__('Dispatch')}} - {{$index}} </div>
                          </div>
                        </header>
						@php $totalPrice=0; @endphp
						 @if(Auth::id())
						 
						 @foreach($dispatch->Cart as $order)
                        @php $price=$order->price_off *$order->number ; $totalPrice=$order->price_off*$order->number+$totalPrice;  @endphp
							<input type="hidden" name="product_id[]" value="{{$order->product_id}}" />
							<input type="hidden" name="attribute_id[]" value="{{$order->attribute_id}}" />
							<input type="hidden" name="attribute_value_id[]" value="{{$order->attribute_value_id}}" />
							<input type="hidden" name="number[]" value="{{$order->number}}" />
							<input type="hidden" name="price[]" value="{{$order->price}}" />
							<input type="hidden" name="price_off[]" value="{{$order->price_off}}" />
							<input type="hidden" name="image[]" value="{{$order->product->image}}" />
							<input type="hidden" name="title[]" value="{{$order->product->title}}" />
							<input type="hidden" name="slug[]" value="{{$order->product->slug}}" />
							 @if($order->attribute_value_id !=0 )
							<input type="hidden" name="attribute_title[]" value="{{$order->Attribute->title}}" />
							<input type="hidden" name="attribute_value[]" value="{{$order->AttributeValue->value}}" />
							 @endif
                        <div class="cart-item cart_item">
                          <div class="col-thumbnail">
                            <div class="product-thumbnail">
                              <a href="{{route('Front.products.index',$order->product->slug)}}" >
							    <img width="150" height="150" src="/File/product/150_150/{{$order->product->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$order->product->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$order->product->image}} 150w, /File/product/300_300/{{$order->product->image}} 300w, /File/product/768_768/{{$order->product->image}} 768w, /File/product/600_600/{{$order->product->image}} 600w, /File/product/64_64/{{$order->product->image}} 64w, /File/product/{{$order->product->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                              </a>
                            </div>
                            <div class="sale-flash"></div>
 
                          </div>
                          <div class="col-product">
                            <div class="product-name">
                              <a href="{{route('Front.products.index',$order->product->slug)}}">{{$order->product->title}}  
					        @if($order->attribute_value_id !=0 )
                                     <p class="">{{$order->Attribute->title}} :
                                         <span> {{$order->AttributeValue->value}} </span></p>
                                 @endif
							 </a>
                            </div>
                            <div class="product-price">
                              <span class="page-wrapper-Price-amount amount">
                                <bdi>{{fnumber_format($order->price)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                </bdi>
                              </span>
                            </div>
 
                            <div class="product-subtotal">
							@if($order->price != $order->price_off  )
						    	<div class="discount">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format(($order->price - $order->price_off  )*$order->number)}}&nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span> {{__('Discount')}}
                              </div>
							  @endif
                              <div class="subtotal">
                                <span class="page-wrapper-Price-amount amount">
                                  <bdi>{{fnumber_format($order->price_off*$order->number)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
                              </div>
                            </div>
 
                          </div>
                        </div>
						 @endforeach
                         @endif

                         <div class="actions">
 
                          <p>  {{__('How To Send')}} :    
						    @foreach($Shipments as $shipment)
                            @if($dispatch->shipment_id == $shipment->id)
                            @php
                            $flageShipment++;
                            $inputChecked='checked';
                            @endphp
                            @else
                             @php $inputChecked=''; @endphp
                            @endif
						         <label class="page-wrapper-form__label page-wrapper-form__label-for-checkbox checkbox shipment">
                                  <input  class=" page-wrapper-form__input page-wrapper-form__input-checkbox input-checkbox"  type="radio" name="shipment{{$dispatch->id}}" id="{{$shipment->id}}+{{$dispatch->id}}+{{$data['city_id']}}"  value="{{$shipment->id}}+{{$dispatch->id}}+{{$data['city_id']}}" onclick="shipment(this.value)" {{$inputChecked}} />
                                  <span> {{$shipment->title}} @if($shipment->payment_type==1)  ({{__('So Rent')}}) @endif</span>
                                </label>
								  @endforeach  </p>
                        </div>
                      </div>
					   @php $index++; @endphp
					   @php $flageDispatch++; @endphp
                    @endforeach
                              </div>
                            </div>
                          </div>
						   
						   

						  
                        </div>
                      </div>
                      <h3 id="order_review_heading">{{__('Your Order') }}</h3>
                      <div class="order-review-holder">
                        <div id="order_review" class="page-wrapper-checkout-review-order">
                          <table class="shop_table page-wrapper-checkout-review-order-table">
                            <thead>
                              <tr>
                                <th class="product-name">{{__('Product') }}</th>
                                <th class="product-total">{{__('Subtotal') }}</th>
                              </tr>
                            </thead>
                            <tbody>
							  @php $totalPrice=0;$totalPriceOrg=0; @endphp
							     @foreach($data['order']->Cart as $order)
                                     @php   $price=$order->price_off *$order->number ;  $totalPrice=$order->price_off*$order->number+$totalPrice; $totalPriceOrg=$order->price*$order->number+$totalPriceOrg;  @endphp
                              <tr class="cart_item cart-item">
                                <td colspan="2">
                                  <div>
                                    <div class="col-image">
									<img width="64" height="64" src="/File/product/64_64/{{$order->product->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$order->product->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$order->product->image}} 64w, /File/product/300_300/{{$order->product->image}} 300w, /File/product/150_150/{{$order->product->image}} 150w, /File/product/768_768/{{$order->product->image}} 768w, /File/product/600_600/{{$order->product->image}} 600w, /File/product/{{$order->product->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                                      <strong class="product-quantity">{{$order->number}}</strong>
                                    </div>
                                    <div class="col-name">
                                      <div class="product-name">{{$order->product->title}}</div>
                                      <div class="product-data"></div>
                                      <span class="page-wrapper-Price-amount amount">
                                        <bdi>{{fnumber_format($order->price_off*$order->number)}} <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                        </bdi>
                                      </span>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              @endforeach
 
                            </tbody>
                            <tfoot>
					         <tr class="cart-subtotal">
                                 <th>{{__('Subtotal')}} : 
								     <span class="page-wrapper-Price-amount amount alignleft">
                                     <bdi>{{fnumber_format($totalPrice)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                     </bdi>
                                   </span> 
								  </th>
 
                               </tr>
						  <tr class="cart-subtotal">
                            <th>{{__('Tax')}} :                            
 							<span class="page-wrapper-Price-amount amount alignleft">
                              <bdi id="" > ({{ (isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0 }} %) {{PriceCalculationCart($totalPrice,(isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0)}} <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span> </bdi>
                              </span>
							  </th>
                          </tr>
						  
 						   <tr class="cart-subtotal">
                            <th>{{__('Discount Code')}} : 
							   <span class="page-wrapper-Price-amount amount alignleft">
                                <bdi id="DiscountCodeSession" >@if(Session::get('DiscountCodePrice')!=null) {{ number_format(Session::get('Discountprice'))}} {{$prefix}} ({{Session::get('DiscountCode')}}) @endif  </bdi>
                              </span>
							</th>
                          </tr>

                          <tr class="page-wrapper-shipping-totals shipping">
                            <th>{{__('Transportation')}} :  
							@if($data['sumShipment']==0)
								<span class="page-wrapper-Price-amount amount alignleft" id="sumShipment">{{__('Free Shipping')}}  </span>
     							@else               
 						         	<span class="page-wrapper-Price-amount amount alignleft">
                                      <bdi id="sumShipment" >{{fnumber_format($data['sumShipment'])}} <span class="page-wrapper-Price-currencySymbol"> {{$prefix}} </span> </bdi>
                                    </span>
						        @endif 
						 </th>
 
							<input name="shipping_cost" type="hidden" value="{{$data['sumShipment']}}" />
							 @if($flageDispatch==$flageShipment)
							<input name="flageShipment" type="hidden" value="{{$flageShipment}}" />
							<input name="flageDispatch" type="hidden" value="{{$flageDispatch}}" />
							@endif
                          </tr>
 
					    <tr class="order-total">
                            <th>{{__('Total')}} :                             
     							<strong>
								@if(Session::get('DiscountCodePrice') ==null)
                                <span class="page-wrapper-Price-amount amount alignleft" id="total">
                                  <bdi><span >{{number_format((PriceCalculationAdmin($totalPrice,(isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0)+$data['sumShipment']))}}</span>   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
								@else 
								  <span class="page-wrapper-Price-amount amount alignleft" id="total">
                                  <bdi><span >{{number_format((PriceCalculationAdmin(Session::get('DiscountCodePrice'),(isset($settings['tax_'.$lang]))?$settings['tax_'.$lang]:0)+$data['sumShipment']))}}</span>   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                  </bdi>
                                </span>
								 @endif
                              </strong> </th>
 
                          </tr>
						  
                              <tr class="cart-profit">
                                <th>{{__('Purchase Profit')}} :                            
   								 <span class="page-wrapper-Price-amount amount alignleft">
                                    <bdi>{{fnumber_format($totalPriceOrg-$totalPrice)}} <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                    </bdi>
                                  </span> 
								  </th>
 
                              </tr>
                            </tfoot>
                          </table>
                          <div  class="page-wrapper-checkout-payment">
                            <ul class="wc_payment_methods payment_methods methods">
							 @if(isset($settings['door_active']) and $settings['door_active']==1)
                               <li class="wc_payment_method door_active">
                                <input id="door_active" type="radio" class="input-radio" name="payment_method"    checked value="1" />
                                <label for="door_active">{{__('Pay At The Door')}}</label>
                                <div class="payment_box door_active" >
                                  <p>{{(isset($settings['pay_at_the_door_text_'.$lang]))?$settings['pay_at_the_door_text_'.$lang]:'' }} </p>
                                </div>
                              </li>
							  @endif
							  @if(isset($settings['idpay_active']) and $settings['idpay_active']==1)
                              <li class="wc_payment_method idpay_active">
                                <input id="idpay_active" type="radio" class="input-radio" name="payment_method" checked value="3" />
                                <label for="idpay_active">  {{__('IdPay')}} </label>
								 <div class="payment_box idpay_active" >
                                  <p>{{(isset($settings['id_pay_text_'.$lang]))?$settings['id_pay_text_'.$lang]:'' }} </p>
                                </div>
                              </li>
                             @endif
							 
						    @if(isset($settings['zarrinpal_active']) and $settings['zarrinpal_active']==1)
                              <li class="wc_payment_method zarrinpal_active">
                                <input id="zarrinpal_active" type="radio" class="input-radio" name="payment_method" checked value="2" />
                                <label for="zarrinpal_active">  {{__('Zarrinpal')}} </label>
								 <div class="payment_box zarrinpal_active" >
                                  <p>{{(isset($settings['zarrinpal_text_'.$lang]))?$settings['zarrinpal_text_'.$lang]:'' }} </p>
                                </div>
                              </li>
                             @endif
							  @if(isset($settings['sepehr_active']) and $settings['sepehr_active']==1)
                              <li class="wc_payment_method sepehr_active">
                                <input id="sepehr_active" type="radio" class="input-radio" name="payment_method" checked value="4" />
                                <label for="sepehr_active">  {{__('Saderat')}} </label>
								 <div class="payment_box sepehr_active" >
                                  <p>{{(isset($settings['saderat_text_'.$lang]))?$settings['saderat_text_'.$lang]:'' }} </p>
                                </div>
                              </li>
                             @endif
							 
							   @if ($errors->has('payment_method'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('payment_method') }}</strong>
                                 </span>
                               @endif
                            </ul>
                            <div class="form-row place-order">
 
                              <div class="page-wrapper-terms-and-conditions-wrapper">
							   {!! (isset($settings['checkout_text_'.$lang]))?$settings['checkout_text_'.$lang]:'' !!}

								 
                                <p class="form-row validate-required">
                                  <label class="page-wrapper-form__label page-wrapper-form__label-for-checkbox checkbox">
                                    <input type="checkbox" class="page-wrapper-form__input page-wrapper-form__input-checkbox input-checkbox {{ $errors->has('terms') ? ' is-invalid' : '' }}" name="terms" id="terms" value="1"/>
                                    <span class="page-wrapper-terms-and-conditions-checkbox-text">{{__('I Agree With The Terms And Conditions Of The Site')}} </span> <abbr class="required" title="{{__('Required')}}">*</abbr>
                                  </label>
                               @if ($errors->has('terms'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('terms') }}</strong>
                                 </span>
                               @endif
                                </p>
                              </div>
							  	 @if( (isset($settings['sepehr_active']) and $settings['sepehr_active']==1 ) or (isset($settings['zarrinpal_active']) and $settings['zarrinpal_active']== 1) or (isset($settings['idpay_active']) and $settings['idpay_active']== 1) or (isset($settings['door_active']) and $settings['door_active']== 1)  )
                              <div id="paymentbutton" class="checkout-submit-holder">
                                  @if($flageDispatch==$flageShipment)
									  <button type="submit" class="button alt lara-element-button" name="page-wrapper_checkout_place_order" id="place_order"  >{{__('Payment')}}</button>
								 @else
									 <button   class="button alt lara-element-button" name="page-wrapper_checkout_place_order" id="place_order" value="{{__('Specify The Submission Method')}}" data-value="{{__('Specify The Submission Method')}}">{{__('Specify The Submission Method')}}</button>
								 @endif
 
                              </div>
							  @endif
 
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </main>
 
    <div class="modal bd-example-modal-lg modal-lg" id="address-view" tabindex="-1" role="dialog" aria-labelledby="address-view" aria-hidden="true">
      <div class="modal-dialog  modal-lg">
        <header class="modal-header">
          <strong class="modal-title">{{__('Address')}}</strong>
		   <img src="/File/default/svg/close.svg" alt="{{__('Close')}}" class=" close svg">
        </header>
 
        <div class="modal-content">
             <div   class="product type-product ">
               <div class="row">
                 <div class="col-12 col-lg-12" >
             
				  <form class="page-wrapper-form  page-wrapper-billing-fields__field-wrapper" action="{{route('Front.address.store')}}"  method="post" >
				  @csrf
                       <p class="form-row form-row-first {{ $errors->has('title_address') ? ' is-invalid' : '' }} ">
                         <label for="title_address">{{__('Title')}}<span class="required">*</span>  </label>
                       <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="title_address" id="title_address" autocomplete="title_address"  value="{{ old('title_address')}}"  required />
							  @if ($errors->has('title_address'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('title_address') }}</strong>
                                 </span>
                               @endif
                     </p>
					 
                            <p class="form-row form-row-first {{ $errors->has('receiver') ? ' is-invalid' : '' }} ">
                            <label for="receiver">{{__('Receiver')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="receiver" id="receiver" autocomplete="receiver" value="{{ old('receiver') }}"  required />
							  @if ($errors->has('receiver'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('receiver') }}</strong>
                                 </span>
                               @endif
                          </p>
	 
 						      <p class="form-row form-row-first {{ $errors->has('phone') ? ' is-invalid' : '' }} ">
                            <label for="phone">{{__('Phone')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="phone" id="phone" autocomplete="phone" value="{{ old('phone') }}"  required />
							  @if ($errors->has('phone'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('phone') }}</strong>
                                 </span>
                               @endif
                          </p>
						    <p class="form-row form-row-first {{ $errors->has('mobile') ? ' is-invalid' : '' }} ">
                            <label for="mobile">{{__('Mobile')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="mobile" id="mobile" autocomplete="mobile" value="{{ old('mobile') }}"  required />
							  @if ($errors->has('mobile'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('mobile') }}</strong>
                                 </span>
                               @endif
                          </p>
						  @if(isset($settings['cofarsi']) and $settings['cofarsi']==0)
						      <p class="form-row form-row-first {{ $errors->has('lang') ? ' is-invalid' : '' }}"   >
                              <label for="lang" class="">{{__('Language')}}&nbsp; <abbr class="required" title="{{__('Required')}}">*</abbr>
                              </label>
                              <span class="page-wrapper-input-wrapper">
                                <select name="lang" id="lang" class="lang select_2" autocomplete="lang" data-placeholder="{{__('Select')}}" data-input-classes="" data-label="{{__('Language')}}"  onchange="changeLanguage(this.value)">
								 <option value="">{{__('Select')}}</option>
                                    @foreach($data['Languages'] as $value)
                                     <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif >{{$value->title}}</option>
                                     @endforeach
                                </select>
								  @if ($errors->has('lang'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('lang') }}</strong>
                                 </span>
                               @endif
                              </span>
                            </p>
							@endif
							
 						      <p class="form-row form-row-wide address-field validate-required validate-state  {{ $errors->has('city_id') ? ' is-invalid' : '' }}"  id="billing_state_field" data-priority="100">
                              <label for="city_id" class="">{{__('City')}}&nbsp; <abbr class="required" title="{{__('Required')}}">*</abbr>
                              </label>
                              <span class="page-wrapper-input-wrapper billing_state_field">
                                <select name="city_id" id="city_id" class="city_id select_2 " autocomplete="city_id" data-placeholder="{{__('Select')}}" data-input-classes="" data-label="{{__('City')}}">
								 <option value="">{{__('Select')}}</option>
                                      @foreach($data['city'] as $item)
                                       <option value="{{$item->id}}">{{$item->province}} - {{$item->name}}</option>
                                       @endforeach
                                </select>
								  @if ($errors->has('city_id'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('city_id') }}</strong>
                                 </span>
                               @endif
                              </span>
                            </p>
							
   
 
 						    <p class="form-row form-row-first {{ $errors->has('postal_code') ? ' is-invalid' : '' }} ">
                            <label for="postal_code">{{__('Zip Code')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="postal_code" id="postal_code" autocomplete="postal_code" value="{{ old('postal_code') }}" required />
							  @if ($errors->has('postal_code'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('postal_code') }}</strong>
                                 </span>
                               @endif
                          </p>
						   <p class="form-row form-row-first {{ $errors->has('address') ? ' is-invalid' : '' }} ">
                            <label for="address">{{__('Address')}}<span class="required">*</span>
                            </label>
                           <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="address" id="address" autocomplete="address" value="{{ old('address') }}"  required />
							  @if ($errors->has('address'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('address') }}</strong>
                                 </span>
                               @endif
                          </p>
                     <div class="clear"></div>
 						   <p class="form-row form-row-first">
                             <div id="search_map"></div>
                              <div id="map" style="width: 100%;height: 330px;border-bottom-right-radius:5px;border-bottom-left-radius:5px " ></div>
                              <input type="text" name="lat" id="lat" readonly style="font-size: 11px;border:none;display:none" >
                              <input type="text" name="lng" id="lng" readonly style="font-size: 11px;border:none;display:none" >
                          </p>
                     <div class="clear"></div>
                     <p class="form-row">
                          <button type="submit" class="page-wrapper-button button page-wrapper-form-login__submit wp-element-button" name="save_address" value="{{__('Save')}}">{{__('Save')}}</button>
                     </p>
                     <div class="clear"></div>
                   </form>
                 </div>
	          	 
               </div>
             </div>
		</div>
      </div>
    </div> 
@endif	
@endsection
 @section('script')
 	<script src="{{ asset('Front/assets/js/map/leaflet.js ')}}"></script>
    <script src="{{ asset('Front/assets/js/map/leaflet-search.js ')}}"></script>
    <script src="{{ asset('Front/assets/js/map/Leaflet.fullscreen.min.js ')}}"></script>
<script> 

let marker_add=0;
        var old_lat='';
        var old_lng='';
		var latitud = {!!(isset($settings['lat_'.$lang]))?$settings['lat_'.$lang]:32.33529947261555 !!};
        var langtitud = {!!(isset($settings['lang_'.$lang]))?$settings['lang_'.$lang]:50.86120605468749 !!};
        // Creating map options
        var mapOptions = {
            center: [latitud, langtitud],
            zoom: 13,
            fullscreenControl: true,
        };
      
        var map = new L.map('map', mapOptions); // Creating a map object
        var layer = new L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{
            maxZoom: 20,
            subdomains:['mt0','mt1','mt2','mt3']
        }); // Creating a Layer object
        map.addLayer(layer); // Adding layer to the map
		 map.addControl( new L.Control.Search({
            url: 'https://nominatim.openstreetmap.org/search?format=json&q={s}',
            jsonpParam: 'json_callback',
            propertyName: 'display_name',
            propertyLoc: ['lat','lon'],
			 center: [43.00, -79.00],
            marker: L.circleMarker([0,0],{radius:30}),
            autoCollapse: false,
            autoType: false,
            minLength: 2,
            textPlaceholder:"{!!__('Search')!!}...",
            container:"search_map",
            collapsed:false,
            textErr:"{!!__('The Desired Location Was Not Found')!!}",
            autoResize:false,
            firstTipSubmit:true,
            zoom:15,
        }) );
        map.on('click', function(e) {
            let $lat = e.latlng.lat;
            let $lng = e.latlng.lng;
            mapAction($lat,$lng);
        });
        function mapAction($lat,$lng){
            if(marker_add == 0){
                marker1=new L.Marker([$lat, $lng], {
                    draggable: true,
                    icon: new L.DivIcon({
                        iconAnchor: [-7, 55],
                        elevation: 0,
						 center: [43.00, -79.00],
                        title: "مکان",
                        className: 'my-div-icon',
                        html: '<div><img class="my-div-image" src="/File/default/marker-icon.png" style="width:50px"/>'+
                            '<span class="my-div-span busy"></span></div>',
                    })
                });
                marker1.addTo(map);
                marker1.on('dragend', function() {
                    var coord = marker1.getLatLng();
                    var lat = coord.lat;
                    var lng = coord.lng;
                    $("#lat").val(lat);
                    $("#lng").val( lng);
                });
                marker_add=1;
            }
            $("#lat").val($lat);
            $("#lng").val($lng);
            var newLatLng = new L.LatLng($lat,$lng);
            marker1.setLatLng(newLatLng);
            map.setView(new L.LatLng($lat,$lng)); /*انتقال مختصات به مرکز نقشه*/
        }
        mapAction(latitud,langtitud);
		
$(document).ready(function(){
  $(".showlogin").click(function(){
    map.invalidateSize();
  });
});

     $('#lang').select2({
        dropdownParent: $('#address-view')
    });
	  function discountCode () {
    var coupon_code=$('#coupon_code').val();
    var url = '/carts/discountCode/' + coupon_code  ;
    $.ajax({
        url: url,
        type: "get",
        dataType: "json",
        success: function (data) {
			console.log(data);
            if (data['type'] == 0) {
			     toastr.options.timeOut = 10000;
				 toastr.error(data['text']);
                return;
            }
            else{
               $('#DiscountCodeSession').empty();
                $('#total').empty();
                $('#total').append(formatnumber(data['factorPrice'])+ '<span class="page-wrapper-Price-currencySymbol"> ' + data['prefix'] + ' </span>' );
                $('#DiscountCodeSession').append( data['Discountprice'] +   data['prefix']  + ' ( ' + data['DiscountCode'] + ' ) ' );
				 toastr.options.timeOut = 20000;
				 toastr.success(data['text']);
            }
        }
    });

}
function setAddress (address_id) {

    var url = '/carts/setAddress/' + address_id  ;

    $.ajax({
        url: url,
        type: "get",
        dataType: "json",
        success: function (data) {
            if (data == true) {
                location.reload();

            }
        }
    });

}

function shipment (value) {


    var res = value.split("+");
    var url = '/carts/shipment/' + res[0]+'/'+res[1]+'/'+res[2];


    $.ajax({
        url: url,
        type: "get",
        dataType: "json",
        success: function (data) {
			location.reload();
            if (data['type'] == 0) {
                $('#sumPrice').empty();
                $('#sumShipment').empty();
                $('#total').empty();
                $('#sumPrice').append(formatnumber(data['sumPriceCart']) +  data['prefix']);
                if(data['sumShipment']==0)
                    $('#sumShipment').append('{{__('Free Shipping')}}');
                else
                  $('#sumShipment').append(formatnumber(data['sumShipment']) +  data['prefix']);
                 $('#total').append(formatnumber(data['orderPrice']) + ' <span class="page-wrapper-Price-currencySymbol"> ' + data['prefix'] + ' </span> ' );
                var classDis = document.getElementsByClassName('cart-contents');
                var flageDispatch =classDis.length;
                var len = $(".shipment input:checked").length;
 
                if(len == flageDispatch)
                {
                    $('#paymentbutton').empty();
                    $('#paymentbutton').append('<button type="submit" class="button alt lara-element-button" name="page-wrapper_checkout_place_order" id="place_order" >{{__('Payment')}}</button>');
                }
            }
            else  {
                 toastr.options.timeOut = 10000;
				 toastr.error(data['text']);
                return;
            }
        }
    });

}
    $('form').on('keyup keypress', function (e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode === 13) {
            e.preventDefault();
            return false;
        }
    });
	                function changeLanguage (selectedLang) {
					 
                    $.ajax({
                    url: "{{route('Front.address.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#city_id').html('');
                        $.each(data,function(index,value){
                            $('#city_id').append('<option value="'+value.id+'">'+value.province+'-'+value.name+'</option>')
                        });
                          $('#city_id').trigger('change');
                    }
                });
    }
    </script>
@endsection