@extends('layouts.default-new')

@section('title', 'دنت آنلاین مرجع جامع تجهیزات دندانپزشکی - مشخصات و آدرس تحویل گیرنده' )
@section('bodyclass', 'page home page-template-default pace-done vispage_shipping')

@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">
<link rel="stylesheet" type="text/css" href="/css/map.css">
<link rel="stylesheet" type="text/css" href="/css/tooltip.css">
<link rel="stylesheet" type="text/css" href="/css/shipping.css">

@endsection

@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>

            <ul class="c-checkout-steps">
                <li class="is-active is-completed">
                    <a class="c-checkout-steps__item-link">
                        <div class="c-checkout-steps__item c-checkout-steps__item--summary" data-title="سبدخرید"></div>
                    </a>
                </li>
                <li class="is-active is-completed">
                    <a class="c-checkout-steps__item-link js-shipping-timeline">
                        <div class="c-checkout-steps__item c-checkout-steps__item--delivery" data-title="مشخصات ارسال">
                        </div>
                    </a>
                </li>
                <li class="">
                    <div class="c-checkout-steps__item c-checkout-steps__item--payment" data-title="بازبینی"></div>
                </li>
            </ul>

            <!-- .woocommerce-breadcrumb -->
            <div id="primary" class="content-area">
                <main id="main" class="site-main">
                    <form action="{{ route('user.shipping.address') }}" id="frm-shipping-address" method="post">

                        @csrf

                        <div class="type-page hentry">
                            <div class="entry-content">
                                <div class="woocommerce">

                                    <h3>مشخصات و آدرس تحویل گیرنده</h3>


                                    <div class="checkout woocommerce-checkout">

                                        <div id="customer_details" class="col2-set">

                                            <div class="woocommerce-billing-fields" style="width: 100%;">

                                                <div class="woocommerce-billing-fields__field-wrapper-outer">
                                                    <div class="woocommerce-billing-fields__field-wrapper">

                                                        <div class="shipping-right-parts">

                                                            <x-shipping-address-part :addresses="$userAddressInit">
                                                            </x-shipping-address-part>

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


                                                    </div>
                                                </div>
                                                <!-- .woocommerce-billing-fields__field-wrapper-outer -->
                                            </div>
                                            <!-- .woocommerce-billing-fields -->

                                        </div>

                                        <x-shipping-sidebar :installment="$installment" :dataCart="$data_cart"
                                            :packagingcost="$packagingcost" :backPage="$backPage"
                                            submitId="subUpdateAddress">
                                        </x-shipping-sidebar>
                                    </div>

                                </div>
                                <!-- .woocommerce -->
                            </div>
                            <!-- .entry-content -->
                        </div>
                        <!-- #post-## -->

                    </form>
                    <!-- .woocommerce-checkout -->

                </main>
                <!-- #main -->
            </div>
        </div>
        <!-- .row -->
    </div>
    <!-- .col-full -->
</div>

<x-alert></x-alert>

<x-shipping-new-select-map-modal></x-shipping-new-select-map-modal>

<x-shipping-error-api-modal></x-shipping-error-api-modal>

<x-shipping-verify-location-modal></x-shipping-verify-location-modal>

<x-shipping-delete-address-modal></x-shipping-delete-address-modal>

<x-shipping-new-legalinfo-modal :profile="$profile" :provinces="$provinces" :lcities="$lcities">
</x-shipping-new-legalinfo-modal>

<x-shipping-new-address-modal :profile="$profile" :provinces="$provinces" :cities="$cities">
</x-shipping-new-address-modal>


@stop

@section('scripts')
<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="/select2/js/select2.full.min.js"></script>
<script src="/js/profile.js?v=0.7"></script>
<script>
    var defaultAddressSel = {{ $cart->address_id == '' || $cart->address_id == null ? 0 : $cart->address_id }};
	var alertGPS = true;
	var userAddressInit = `{!! json_encode($userAddressInit) !!}` ;
 
</script>
<script src="/js/shipping.min.js?v=0.25"></script>
@stop