@extends('seller.metronik.layout')
@section('script')
    <script>
        var elementPosition = $('.fixed-scroll').offset().top;
        $(window).scroll(function () {
            if ($(window).scrollTop() > elementPosition) {
                $('.fixed-scroll').css('position', 'sticky').css('top', 60);
            } else {
                $('.fixed-scroll').css('position', 'static');
            }
        });

        function NumberFormat(tag) {
            let price = $(tag).val();
            $(tag).val(number_format(price));
        }

        function number_format(number, decimals, dec_point, thousands_sep) {
            // Strip all characters but numerical ones.
            number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
            var n = !isFinite(+number) ? 0 : +number,
                prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
                sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
                dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
                s = '',
                toFixedFix = function (n, prec) {
                    var k = Math.pow(10, prec);
                    return '' + Math.round(n * k) / k;
                };
            // Fix for IE parseFloat(0.55).toFixed(0) = 0;
            s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
            if (s[0].length > 3) {
                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
            }
            if ((s[1] || '').length < prec) {
                s[1] = s[1] || '';
                s[1] += new Array(prec - s[1].length + 1).join('0');
            }
            return s.join(dec);
        }

        $(document).ready(function () {
            $('#alopeyk_location').val('');
            $('#dayNameInput').val('');
            $('#send_time_select').val('');
            $('select').removeClass('nice-select');
            $('select').show();
            $('div .nice-select').remove();
            // add delivery price to payment box
            add_price_to_payment_box();
            let address_id = $('.km-address-style.km-active').data('id');
            checkout_calculate_delivery(address_id);
        })
        $('#address-select').change(function () {
            $('#address-input').val($(this).val());
        });
        $('.province-select').change(function () {
            var provinceID = $(this).val();
            if (provinceID) {
                $.ajax({
                    type: "GET",
                    url: "{{ url('/get-province-cities-list') }}?province_id=" + provinceID,
                    success: function (res) {
                        if (res) {
                            $(".city-select").empty();
                            $('.city-select').append('<option selected value="' + 0 + '">' +
                                'انتخاب کنید' + '</option>')
                            $.each(res, function (key, city) {
                                $(".city-select").append('<option value="' + city.id + '">' +
                                    city.name + '</option>');
                            });
                            $(".city-select .list").show();
                        } else {
                            $(".city-select").empty();
                        }
                    }
                });
            } else {
                $(".city-select").empty();
            }
        });
        $('#createNewAddress').click(function () {
            $('#collapseAddAddress').slideToggle();
        })

        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : evt.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57))
                return false;
            return true;
        }

        function add_price_to_payment_box() {
            let delivery_method_selected = $('#selectDeliveryItems').find('.km-active');
            let price = delivery_method_selected.find('.priceIn').text();
            let send_method = delivery_method_selected.find('.priceIn').find('.send_method').val();
            price = price.replaceAll(',', '');
            price = price.replaceAll(' ', '');
            price = price.replaceAll('تومان', '');
            // console.log(price);

            if (price == 0) {
                $('#calculate_delivery_price').text(delivery_method_selected.find('.priceIn').text());
                price = 0;
            } else {
                $('#calculate_delivery_price').text(number_format(parseInt(price)) + ' تومان ');
            }
            let total_payment = {{ calculateCartPrice()['sale_price']- session()->get('coupon.amount') }};
            total_payment = parseInt(total_payment) + parseInt(price);

            $('#total_payment').text(number_format(total_payment) + ' تومان ');
        }

        function selectAddress(tag, address_id) {
            $('.km-address-style').removeClass('km-active');
            $(tag).addClass('km-active');
            $('#address_selected_id').val(address_id);
            checkout_calculate_delivery(address_id);
        }

        function checkout_calculate_delivery(address_id) {
            $('#delivery_method_selected_id').val('');
            $.ajax({
                url: "{{ route('home.checkout_calculate_delivery') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    address_id: address_id,
                },
                type: "POST",
                dataType: "json",
                success: function (msg) {
                    if (msg) {

                        if (msg[0] === 1) {

                            $('#selectDeliveryItems').html(msg[1]);
                            $('#delivery_method_selected_id').html(msg[2]);
                            if (msg[3]) {
                                $('#delivery_time').removeClass('d-none');


                            } else {
                                $('#delivery_time').addClass('d-none');
                            }
                            $('#calculate_delivery_price').html(msg[4]);
                        }
                        if (msg[0] === 0) {

                            $('#selectDeliveryItems').html(msg[1]);
                            $('#calculate_delivery_price').html('<p style="font-size: 9pt;margin: 0" class="text-danger">امکان ارسال وجود ندارد</p>');
                        }
                    }
                }
            })
        }

        function selectDeliveryMethod(tag, delivery_selected_id) {
            $('.km-delivery-type-style').removeClass('km-active');
            $(tag).addClass('km-active');
            $('#delivery_method_selected_id').val(delivery_selected_id);
            if (delivery_selected_id == 3) {
                $('#MapModal').modal('show');
                //show Map
                var map_token = '{{ \App\Models\AlopeykConfig::first()->neshan_token }}';
                setTimeout(function () {
                    var location = $('[name="alopeyk_location"]').val();
                    if (location.length > 0) {
                        var center = [location.split('-')[0], location.split('-')[1]];
                    } else {
                        var center = [35.699739, 51.338097];
                    }
                    var map = new L.Map('map', {
                        key: map_token,
                        maptype: 'dreamy',
                        poi: true,
                        traffic: false,
                        center: center,
                        zoom: 14
                    });
                    var marker;
                    if (location.length > 0) {
                        location = location.split('-');
                        console.log(location);
                        marker = new L.Marker([location[0], location[1]]).addTo(map); // set
                    }
                    map.on('click', function (e) {
                        if (marker) { // check
                            map.removeLayer(marker); // remove
                        }
                        marker = new L.Marker([e.latlng.lat, e.latlng.lng]).addTo(map); // set
                        $('[name="alopeyk_location"]').val(e.latlng.lat + '-' + e.latlng.lng);
                        console.log(marker.getLatLng());
                    });
                }, 1000);
            }
            $.ajax({
                url: "{{ route('home.select_delivery_method') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    delivery_selected_id: delivery_selected_id,
                },
                type: "POST",
                dataType: "json",
                success: function (msg) {
                    if (msg) {
                        if (msg[0] == 1) {
                            if (msg[1]) {
                                $('#delivery_time').removeClass('d-none');

                                window.location.href = '#delivery_time';

                            } else {
                                $('#delivery_time').addClass('d-none');
                            }
                        }
                    }
                }
            })
            add_price_to_payment_box();
        }

        function getAlopeykPrice() {
            let alopeyk_location = $('#alopeyk_location').val();
            $.ajax({
                url: "{{ route('home.calculateAloPeykPrice') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    alopeyk_location: alopeyk_location,
                },
                type: "POST",
                dataType: "json",
                success: function (msg) {
                    if (msg) {
                        if (msg[0] == 0) {
                            swal({
                                title: 'دقت کنید',
                                text: msg[1],
                                icon: 'warning',
                                timer: 3000,
                            })
                        }
                        if (msg[0] == 1) {
                            if (msg[1]) {
                                $('#MapModal').modal('hide');
                                $('.alopeyk_price').text(msg[1]);
                            } else {
                                $('#delivery_time').addClass('d-none');
                            }
                            add_price_to_payment_box();
                        }
                    }
                }
            })
        }

        function selectDayName(tag, day) {
            $('.km-item').removeClass('km-active');
            $(tag).addClass('km-active');
            $('#dayNameInput').val(day);
        }

        function selectSendTime(tag, time) {
            $('.hours').removeClass('km-active');
            $(tag).addClass('km-active');
            $('#send_time_select').val(time);
        }

        function submitCheckOut(e, tag) {
            let user_id="{{ $user_id }}";
            let type="{{ $type }}";
            e.preventDefault();
            let address_id = $('#address_selected_id').val();
            let delivery_method_selected_id = $('#delivery_method_selected_id').val();
            let dayNameInput = $('#dayNameInput').val();
            let send_time_select = $('#send_time_select').val();
            let alopeyk_location = $('#alopeyk_location').val();
            $.ajax({
                url: "{{ route('home.checkoutSaveStep1Seller') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    address_id: address_id,
                    delivery_method_selected_id: delivery_method_selected_id,
                    dayNameInput: dayNameInput,
                    send_time_select: send_time_select,
                    alopeyk_location: alopeyk_location,
                },
                type: "POST",
                dataType: "json",
                success: function (msg) {
                    if (msg) {
                        if (msg[0] == 0) {
                            swal({

                                text: msg[1],
                                icon: 'warning',
                                timer: 5000,
                                buttons: false,
                            })
                        }
                        if (msg[0] == 1) {
                            setTimeout(function () {
                                window.location.href = '{{ route('seller.submit_user_order.step_5',['user'=>':user','type'=>':type']) }}'

                                    .replace(':user', user_id)

                                    .replace(':type', type);


                            }, 300);
                        }
                        if (msg[0] == 2) {
                            swal({
                                text: msg[1],
                                icon: 'warning',
                                timer: 3000,
                            });
                            $('#MapModal').modal('show');
                        }
                        if (msg[0] == 3) {
                            $('#modal_address').text(msg[1]);
                            $('#modal_address_id').val(address_id);
                            $('#PostalCodeModal').modal('show');
                        }
                    }
                }
            })
        }

        function AddPostalCodeToAddress() {
            $('#error_postalCode').hide();
            let address_id = $('#modal_address_id').val();
            let modal_postalCode = $('#modal_postalCode').val();
            $.ajax({
                url: "{{ route('home.AddPostalCodeToAddress') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    address_id: address_id,
                    modal_postalCode: modal_postalCode,
                },
                type: "POST",
                dataType: "json",
                success: function (msg) {
                    if (msg[0] === 0) {
                        $('#error_postalCode').show();
                        $('#error_postalCode').text(msg[1]);
                    }
                    if (msg[0] === 1) {
                        $('#PostalCodeModal').modal('hide');
                        swal({
                            text: msg[1],
                            icon: 'success',
                            timer: 1500,
                        })
                        setTimeout(function () {
                            location.href = "{{ route('home.checkout.preview') }}"
                        }, 1500)
                    }
                }
            })
        }

        $('.mobile-menu-toggle').click(function () {
            $('.loaded').addClass('mmenu-active');
        })
        $('.mobile-menu-close').click(function () {
            $('.loaded').removeClass('mmenu-active');
        })
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');

        $('div#categories > ul.mobile-menu > li > a > span.toggle-btn').click(function (e) {
            e.preventDefault();
            $('div#categories > ul.mobile-menu > li > a').next().slideToggle(300).parent().toggleClass("show");
        })
    </script>
@endsection

@section('style')
    <style>
    .cart-title i {
        color:#7239EA !important;
    }
        .base_border {
            border: 1px dashed #f8f5ff !important;
            border-radius: 8px
        }

        #user_type {
            display: none;
        }

        .border {
            border: 1px dashed #cecece;
            padding: 30px 20px;
            border-radius: 10px;
        }

        .error-message {
            height: 7px;
            font-size: 11px;
            margin-bottom: 3px;
        }

        /* HTML: <div class="loader"></div> */
        .loader-filter {
            display: none;
            transition: all ease .3s;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(255, 255, 255, .8);
            z-index: 9999999999999;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes pulse {
            50% {
                background: white;
            }
        }

        .loading-box {
      border-radius: 50%;
    width: 250px;
    height: 250px;
    border-top: 3px solid #330000;
    border-right: 3px solid transparent;
    /* border-top-color: #000; */
    animation: spin 1s infinite linear;
        }

        .loading--double-box {
    position: absolute;
    top: 40%;
    z-index: 999999999999999999999999999999999999999999999999999999;
    left: 40%;
    transform: translate(-50%, -50%);
        }

        /*//step2*/
        /*.active {*/
        /*    background-color: #0b2e13;*/
        /*    color: white;*/
        /*}*/

        .cart {
            width: 20px;
            height: 20px;
            border: 1px solid red;
            border-radius: 20px;
            right: 0;
            position: absolute;
            top: 0;
            background: red;
            color: white;
        }

        .fa-cart-plus {
            padding: 0 !important;
            font-size: 20px !important;
        }

        .w-90 {
            width: 90%;
        }

        .w-100 {
            width: 100% !important;
        }

        .border-none {
            border: none !important;
        }
    </style>
    <style>
        .km-active{
            border: 1px dashed #5014d0 !important;
            color: var(--bs-primary);
            background-color: var(--bs-primary-light) !important;
            border-radius: 8px;
        }
        .km-address-style{
            cursor: pointer;
            border: 1px dashed #5014d0 !important;
            border-radius: 8px
        }
        .input-error-validation{
            font-size:9pt;
            color: red !important;
        }
        .km-address-style-add{
            text-align:center !important;
        }
        .cart-main {
            padding: 5px 10px !important;
        }
        .radius0{
            border-radius: 0 !important;
        }

        .cart-main label {
            font-size: 14px !important;
        }

        .cart-summary .cart-title {
            background: #f8f5ff;
            color: #5014d0 !important;
            font-size: 16px !important;
            display: block;
            padding: 14px 0 !important;
        }

        .cart-summary {
            overflow: hidden;
        }

        .cart-thead th {
            padding: 18px 0 !important;
        }

        .remove_btn {
            display: flex !important;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 10px;
            background: red;
            color: white;
            justify-content: center;
            align-content: center;
            cursor: pointer;
        }

        .remove_btn > i {
            color: white !important;
            margin-top: 3px;
        }

        .p-relative {
            position: relative;
        }

        tr > td {
            text-align: center !important;
        }

        .number-input {
            border: none !important;
        }

        .shadow-box-md {
            width: 3rem;
            height: 3rem;
            display: flex;

            align-items: center;
        }

        .border-opacity-90 {
            width: 25%;
            border-width: 4px;
            border-color: rgb(34 197 94);

            border: 4px solid rgb(209 213 219);
        }

        .border-opacity-90.active {
            border: 4px solid rgb(34 197 94);
        }

        .flex {
            display: flex;
        }

        .h-full {
            height: 100%;
        }

        .font-semibold {
            font-weight: 600;
        }

        .shadow-box-md h1 {
            font-size: 1.6rem;
            line-height: 1.75rem;
            text-align: center;
            margin: 0;
        }

        .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(229 231 235);
        }

        input[type=number] {
            -moz-appearance: textfield;
        }

        /*.order-total > label {*/
        /*    font-size: 1.6rem !important;*/
        /*}*/

        .table .btn-close {
            top: -8px;
            left: -7px;
            font-size: 16px;
        }

        .table .btn-close {
            position: absolute;
            padding: 0;
            background: #fff;
            border: 2px solid #fff;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
            box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
            top: 3px;
            right: 8px;
        }

        td, th {
            min-width: 80px;
            width: auto;
            text-align: center;
            font-size: 14px;
            vertical-align: initial;
            padding: 11px;
        }

        tr {
            border-bottom: 1px solid #d5d5d5;
        }

        @media screen and (max-width: 576px) {
            td, th {
                min-width: 150px;
                text-align: center;
            }

            .min-width-200 {
                min-width: 200px !important;
            }
        }

        .cart-thead {
            background: #f8f5ff;
            color: #5014d0 !important;
        }

        th {
            height: 85px;
            vertical-align: middle;
        }

        .cart-summary .divider {
            display: inline-block;
            /* vertical-align: middle; */
            margin-right: 0 !important;
            height: auto !important;
            width: 100% !important;
            background-color: #000 !important;
        }

        .z-20 {
            z-index: 20;
        }

        .inline-flex {
            display: inline-flex;
        }

        .w-full {
            width: 100%;
        }

        .justify-between {
            justify-content: space-between;
        }

        .title-cart {
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

        .bg-green-400 {
            --tw-bg-opacity: 1;
            background-color: rgb(74 222 128);
        }

        .rounded-full {
            border-radius: 9999px;
        }

        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .-top-10 {
            top: -2.5rem;
        }

        .top-0 {
            top: 0;
        }

        .header-cart {
            margin-bottom: 50px
        }
    </style>
@endsection

@section('content')

    <div class="d-flex flex-column flex-root" id="kt_app_root">
        <div class="d-flex flex-column flex-lg-row flex-column-fluid stepper stepper-pills stepper-column stepper-multistep"
            id="kt_create_account_stepper">
            @include('seller.metronik.sidebar')
            <div class="d-flex flex-column flex-lg-row-fluid py-10 position-relative">
                <div class="loader-filter">
                    <div class='loading-box loading--double-box'></div>
                </div>
                <div class="w-90 mx-auto">
                    <div class="row">
                        <div class="col-12 col-lg-8">
                            <div class="row">
                                <div class="col-12">
                                    <div class="justDesktop">
                                        <div class=" after-clear mb-3">
                                            @foreach($addresses as $key=>$address)
                                                <div style="padding: 10px !important"
                                                     onclick="selectAddress(this,{{ $address->id }})"
                                                     data-id="{{ $address->id }}"
                                                     class="km-address-style m-1 {{ $key==0 ? 'km-active' : '' }} mb-3">
                                                    <!--@if($key==0)-->
                                                    <!--    <div class="km-active-btn km-btn km-theme-3 defaultActive">پیش فرض-->
                                                    <!--    </div>-->
                                                    <!--@endif-->
                                                    <div class="row">
                                                        <div class="title-right-mobile col-12  mb-3">
                                                            <span>خریدار:</span>
                                                            <span>{{ $address->User->first_name.' '. $address->User->last_name }}</span>
                                                        </div>

                                                        <div
                                                            class="title-right-mobile col-12 col-md-6 mb-3">
                                                            <span>کد ملی:</span>
                                                            <span>{{ $address->User->national_code }}</span>
                                                        </div>

                                                        <div
                                                            class="title-right-mobile col-12 col-md-6 mb-3">
                                                            <span>
                                                        شماره همراه:
                                                            </span>
                                                            <span>{{ $address->cellphone }}</span>
                                                        </div>
                                                        <div
                                                            class="title-right-mobile col-12 col-md-6 mb-3">
                                                            <span>نام و نام خانوادگی تحویل گیرنده:</span>
                                                            <span>{{ $address->title }}</span>
                                                        </div>
                                                        <div
                                                            class="title-right-mobile col-12 col-md-6 mb-3">
                                                        <span>
                                                شماره تماس دوم:
                                                        </span>
                                                            <span>
                                                           {{ province_name($address->tel) }}
                                                       </span>
                                                        </div>
                                                        <div class="title-right-mobile col-12 mb-3">
                                                        <span>
                                                            استان / شهر:
                                                        </span>
                                                            <span>
                                                            {{ province_name($address->province_id).' / '.city_name($address->city_id) }}
                                                        </span>
                                                        </div>
                                                        <div class="title-right-mobile col-12 mb-3">
                                                        <span>
                                                            آدرس:
                                                        </span>
                                                            <span>
                                                          {{ $address->address }}
                                                        </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>

                                        <input id="address_selected_id" type="hidden"
                                               name="address_selected_id"
                                               value="{{ $address_id }}">
                                        <div style=" min-height: 0;"
                                             class="km-address-style-add km-address-style m-1 my-3">
                                            <button id="createNewAddress"
                                                    class="btn btn-default btn-sm">
                                                <i class="fa fa-plus"></i>
                                                ایجاد آدرس جدید
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class=" d-flex flex-wrap after-clear m-1 mb-3">
                                        <div id="collapseAddAddress"
                                             class="collapse collapse-address-create-content"
                                             style="{{ count($errors->addressStore) > 0 ? 'display:block' : '' }}">

                                            <form action="{{ route('home.addresses.store',['user'=>$user_id]) }}"
                                                  method="POST">
                                                @csrf
                                                <div class="row">
                                                    @if($user->first_name==null)
                                                        <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2">
                                                                نام:
                                                            </label>
                                                            <input
                                                                class="form-control {{$errors->has('first_name') ? 'border-error': ''}}"
                                                                type="text" name="first_name"
                                                                value="{{ old('first_name') }}">
                                                            @error('first_name', 'addressStore')
                                                            <p class="input-error-validation">
                                                                {{ $message }}
                                                            </p>
                                                            @enderror
                                                        </div>
                                                        @else
                                                                                                                <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2">
                                                                نام:
                                                            </label>
                                                            <input
                                                                class="form-control {{$errors->has('first_name') ? 'border-error': ''}}"
                                                                type="text" name="first_name"
                                                                value="{{ $user->first_name }}">
                                                            @error('first_name', 'addressStore')
                                                            <p class="input-error-validation">
                                                                {{ $message }}
                                                            </p>
                                                            @enderror
                                                        </div>
                                                    @endif
                                                    @if($user->last_name==null)
                                                        <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2" for="last_name">
                                                                نام خانوادگی:
                                                            </label>
                                                            <input id="last_name"
                                                                   class="form-control {{$errors->has('last_name') ? 'border-error': ''}}"
                                                                   type="text"
                                                                   name="last_name"
                                                                   value="{{ old('last_name') }}">
                                                            @error('last_name', 'addressStore')
                                                            <p class="input-error-validation">
                                                                {{ $message }}
                                                            </p>
                                                            @enderror
                                                        </div>
                                                        @else
                                                        
                                                                                                                <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2" for="last_name">
                                                                نام خانوادگی:
                                                            </label>
                                                            <input id="last_name"
                                                                   class="form-control {{$errors->has('last_name') ? 'border-error': ''}}"
                                                                   type="text"
                                                                   name="last_name"
                                                                   value="{{ $user->last_name }}">
                                                            @error('last_name', 'addressStore')
                                                            <p class="input-error-validation">
                                                                {{ $message }}
                                                            </p>
                                                            @enderror
                                                        </div>
                                                    @endif
                                                    @php
                                                        $orders = \App\Models\Order::where('user_id' , $user->id)->get();

                                                    @endphp
                                                    @if($user->national_code==null or $orders == null)
                                                        <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2" for="national_code">
                                                                کد ملی:
                                                            </label>
                                                            <input id="national_code"
                                                                   class="form-control {{$errors->has('national_code') ? 'border-error': ''}} "
                                                                   type="text"
                                                                   name="national_code"
                                                                   value="{{ old('national_code') }}">
                                                            @error('national_code', 'addressStore')
                                                            <p class="input-error-validation">
                                                                <strong>{{ $message }}</strong>
                                                            </p>
                                                            @enderror
                                                        </div>
                                                        @else
                                                                                                                <div
                                                            class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                            <label class="mb-2" for="national_code">
                                                                کد ملی:
                                                            </label>
                                                            <input id="national_code"
                                                                   class="form-control {{$errors->has('national_code') ? 'border-error': ''}} "
                                                                   type="text"
                                                                   name="national_code"
                                                                   value="{{ $user->national_code }}">
                                                            @error('national_code', 'addressStore')
                                                            <p class="input-error-validation">
                                                                <strong>{{ $message }}</strong>
                                                            </p>
                                                            @enderror
                                                        </div>
                                                    @endif
                                                    <div
                                                        class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                        <label class="mb-2">
                                                            نام و نام خانوادگی تحویل گیرنده:
                                                        </label>
                                                        <input
                                                            class="form-control {{$errors->has('title') ? 'border-error': ''}}"
                                                            type="text" name="title"
                                                            value="{{ old('title') }}">
                                                        @error('title', 'addressStore')
                                                        <p class="input-error-validation">
                                                            فیلد نام و نام خانوادگی الزامی
                                                            است
                                                        </p>
                                                        @enderror
                                                    </div>

                                                    <div
                                                        class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                        <label class="mb-2">
                                                            شماره تماس دوم:
                                                        </label>
                                                        <input onkeypress="return isNumberKey(event)"
                                                               class="form-control {{$errors->has('tel') ? 'border-error': ''}}"
                                                               type="text" name="tel"
                                                               value="{{ old('tel') }}">
                                                        @error('tel', 'addressStore')
                                                        <p class="input-error-validation">
                                                            {{ $message }}
                                                        </p>
                                                        @enderror
                                                    </div>
                                                    <div
                                                        class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                        <label class="mb-2">
                                                            استان:
                                                        </label>
                                                        <select
                                                            class="form-control {{$errors->has('province_id') ? 'border-error': ''}} email s-email s-wid province-select"
                                                            name="province_id">
                                                            <option value="" selected>انتخاب کنید
                                                            </option>
                                                            @foreach ($provinces as $province)
                                                                <option
                                                                    value="{{ $province->id }}">{{ $province->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('province_id', 'addressStore')
                                                        <p class="input-error-validation">
                                                            {{ $message }}
                                                        </p>
                                                        @enderror
                                                    </div>

                                                    <div
                                                        class="tax-select title-right-mobile col-lg-6 col-md-6 mb-3">
                                                        <label class="mb-2">
                                                            شهر:
                                                        </label>
                                                        <select
                                                            class="form-control {{ $errors->has('city_id') ? 'border-error': ''}} email s-email s-wid city-select"
                                                            name="city_id">

                                                            <option value="" selected>انتخاب کنید
                                                            </option>
                                                        </select>
                                                        @error('city_id', 'addressStore')

                                                        <p class="input-error-validation">
                                                            {{ $message }}
                                                        </p>
                                                        @enderror
                                                    </div>
                                                    <div class="tax-select title-right-mobile col-md-12">
                                                        <label class="mb-2">
                                                            نشانی:
                                                        </label>
                                                        <textarea rows="8"
                                                                  class="form-control {{$errors->has('address') or $errors->has('addressStore') ? 'border-error': ''}}"
                                                                  type="text"
                                                                  name="address">{{ old('address') }}</textarea>
                                                        @error('address', 'addressStore')
                                                        <p class="input-error-validation">
                                                            <strong>{{ $message }}</strong>
                                                        </p>
                                                        @enderror
                                                    </div>
                                                    <div class=" col-lg-12 col-md-12 mt-3">
                                                        <button
                                                            class="btn btn-blue btn-outline btn-rounded mt-2"
                                                            type="submit"> ثبت آدرس
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div style="height: 1000px" class="col-12 col-lg-4">
                            <div class="row fixed-scroll">
                                @if($type==1)
                                    <div class="col-12 ">
                                        <div style="border:1px solid #c3c3c3 !important;padding:10px" class="cart-summary mb-4 base_border">
                                            <form class="coupon" action="{{ route('home.coupons.check') }}"
                                                  method="post">
                                                @csrf
                                                <span style=" display: flex;
    align-items: center;
    justify-content: center;" class="cart-title text-uppercase text-center">
                                                                 <i style="margin-left:10px" class="ki-outline ki-rocket fs-2"></i>
                                                                کد تخفیف
                                                            </span>
                                                <input type="text" class="form-control mb-4 radius0" name="couponCode"
                                                       placeholder="کد تخفیف را وارد کنید..."/>
                                                @error('couponCode')
                                                <p class="input-error-validation">
                                                    {{ $message }}
                                                </p>
                                                @enderror
                                                <button
                                                    class="btn btn-lg btn-primary">
                                                    اعمال کد
                                                </button>
                                            </form>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-12">
                                    <div>
                                        @include('seller.metronik.summery_cart2')
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="mt-3 d-flex justify-between">
                                        <a href="{{ route('seller.submit_user_order.step_3',['user'=>$user_id]) }}"
                                           class="btn btn-lg btn-primary"> 
                                             <i class="ki-outline ki-right fs-2"></i>
                                           بازگشت 
                                           
                                           
                                           </a>
                                        <a onclick="submitCheckOut(event,this)"
                                           class="btn btn-lg btn-primary">تایید و ادامه
                                            <i class="w-icon-long-arrow-left"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="MapModal" tabindex="-1" aria-labelledby="MapModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="MapModalLabel">آدرس تحویل کالا را با دقت انتخاب نمایید</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="map"
                         style="width: 100%; height: 450px; background: rgb(244, 243, 239) none repeat scroll 0% 0%; border: 2px solid rgb(170, 170, 170); position: relative;"
                         class="leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
                         tabindex="0"></div>
                    <input id="alopeyk_location" type="hidden" class="inputbox wide" name="alopeyk_location"
                           value=""/>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">بستن</button>
                    <button onclick="getAlopeykPrice()" type="button" class="btn btn-primary">ذخیره</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="PostalCodeModal" tabindex="-1" aria-labelledby="PostalCodeModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger text-center">در روش ارسال با پست پیشتاز وارد کردن کد پستی الزامی
                        است
                    </div>
                    <p id="modal_address"></p>
                    <label class="mb-2">کد پستی:</label>
                    <input class="form-control form-control-sm" id="modal_postalCode" value="">
                    <input type="hidden" id="modal_address_id" value="">
                    <span class="input-error-validation" id="error_postalCode"></span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">بستن</button>
                    <button onclick="AddPostalCodeToAddress()" type="button" class="btn btn-primary">ذخیره</button>
                </div>
            </div>
        </div>
    </div>

@endsection