@extends('seller.metronik.layout')

@section('style')
    <style>
        .img-thumbnail {
            width: 50px !important;
            height: auto !important;
        }
        .cart-title i{
            color:#1b315d;
            margin-left:10px;
        }
        
        .cart-summary,.base_border{
            overflow: hidden;
    padding-bottom: 10px !important;
    border: 1px solid #c3c3c3;
    box-shadow: 0 0 2px #ededed;
    padding: 10px;
    border-radius: 10px;
        }
        .cart-summary-none{
            padding:0 !important;
            border:none !important;
            box-shadow:none !important;
        }

        .order-description {
            width: 100%;
            border: 1px solid #c3c3c3;
            border-radius: 10px;
        }

        /*.base_border {*/
        /*    border: 1px dashed #5014d0 !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>
    {{--    //step3--}}
    <style>
    .receive_information > span:nth-child(1) {
        font-size:16px !important;
        font-weight: normal !important;
        color:#1b315d !important;
    }
        .active-payment {
            border: 1px dashed #1b315d !important;
            color: var(--bs-primary);
            background-color: var(--bs-primary-light) !important;
        }

        .active-payment i {
            color: #1b315d;
        }

        .cart-main {
            padding: 5px 10px !important;
        }

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

        .cart-summary .cart-title {
            background: #d6dce8;
            color: #1b315d !important;
            font-size: 16px !important;
            display: block;
            padding: 14px 0 !important;
        }

        .cart-summary {
            overflow: hidden;
            padding-bottom: 10px !important;
        }

        .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: #d6dce8;
            color: #1b315d !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('script')
    <script>
        // var elementPosition = $('.fixed-scroll').offset().top;
        // if (elementPosition.length) {
        //     $(window).scroll(function () {
        //         if ($(window).scrollTop() > elementPosition) {
        //             $('.fixed-scroll').css('position', 'sticky').css('top', 60);
        //         } else {
        //             $('.fixed-scroll').css('position', 'static');
        //         }
        //     });
        // }

        function WalletUsage() {
            let use_wallet = 0;
            if ($('#wallet_input').is(':checked')) {
                use_wallet = $('#wallet_input').val();
            }
            $.ajax({
                url: "{{ route('home.checkout.WalletUsage') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    use_wallet: use_wallet,
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg[0] == 1) {
                        $('#summery_cart').html(msg[1]);
                    }
                }
            })
        }

        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 }}";--}}
            {{--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.checkoutSaveStep1') }}",--}}
            {{--    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") }}'.replace(':user', user_id);--}}
            {{--                }, 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");
        });

        function SubmitStep5() {
            // check_limit_order();
            $('#payment_form').submit();
        }


        function check_limit_order() {
            $.ajax({
                url: "{{ route('home.checkout.check_limit') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    let status = msg['status'];
                    if (status == 0) {

                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                        });
                        setTimeout(function () {
                            window.location.href = msg['redirect'];
                        }, 3000);
                    }
                    if (status == 1) {
                        check_national_code();
                    }
                }
            })
        }

        function check_national_code() {
            let national_code_modal = $('#national_code_modal');
            $.ajax({
                url: "{{ route('home.checkout.check_national_code') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    user_id: "{{ $address->User->id }}",
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    let status = msg['status'];
                    if (status == 0) {
                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                        });
                        setTimeout(function () {
                            window.location.href = msg['redirect'];
                        }, 3000);
                    }
                    if (status == 2) {
                        national_code_modal.modal('show');
                    }
                    if (status == 1) {
                        check_sale_for_legal();
                    }
                }
            })
        }

        function check_sale_for_legal() {
            let description = $('.order-description').val();
            let user_id = "{{ $user_id }}";
            $.ajax({
                url: "{{ route('home.checkout.check_sale_for_legal') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    description: description,
                    user_id: user_id,
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    let status = msg['status'];
                    if (status === 0) {
                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                            buttons: 'متوجه شدم'
                        });
                    }
                    if (status === 1) {
                        $('#payment_form').submit();
                    }
                }
            })
        }
    </script>
@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 gutter-lg mb-10">
                        <div class="col-lg-8">
                            @include('seller.metronik.cart_items')

                            @if($amount!=0)
                                <div class="row km-box-style2">
                                    <div class="col-12">
                                        <div class="cart-summary mb-4">
                                            <h3 class="text-center cart-title font-weight-bold font-size-rem text-uppercase">
                                                استفاده از کیف پول
                                            </h3>
                                            <div class="d-flex align-center">
                                                <input id="wallet_input"
                                                       {{ session()->get('use_wallet')==1 ? 'checked' : '' }} onchange="WalletUsage()"
                                                       class="ml-3" type="checkbox" value="1"/>
                                                <span class="ms-2 me-2">
                                    موجودی: {{persianToEnglishNumbers(number_format($amount)) }} تومان
                                </span>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div style="            overflow: hidden;
                                    margin-top:20px;
    padding-bottom: 10px !important;
    border: 1px solid #c3c3c3 !important;
    box-shadow: 0 0 2px #ededed !important;
    padding: 10px !important;
    border-radius: 10px;" class="row km-box-style2">
                                <div  class="cart-summary cart-summary-none mb-4">
                                    <h3 class="text-center cart-title font-weight-bold font-size-rem text-uppercase">
                                        مشخصات ارسال
                                    </h3>
                                </div>
                                <div class="col-12">
                                    <div class="card-body cart-summary-wrap bg-white">

                                        <div class="mb-2">
                                    <span class="receive_information ">
                                      <span style="font-weight:bold;">تحویل گیرنده:</span>
                                            <span>{{ persianToEnglishNumbers($address->title) }}</span>
                                </span>
                                        </div>
                                        <div class="mb-2">
                                            <span class="receive_information d-block">
                                         <span style="font-weight:bold;">شماره همراه:</span>
                                            <span>{{ persianToEnglishNumbers($address->cellphone) }}</span>
                                </span>
                                        </div>
                                        <div class="mb-2">
                                <span class="receive_information">
                                       <span style="font-weight:bold;">شماره تماس دوم:</span>
                                        <span>{{ $address->tel==null ? '-' : $address->tel }}</span>
                                    </span>
                                            <span class="receive_information">
                                    </span>
                                        </div>
                                        <div class="d-md-flex justify-content-between mb-1">
                                            <p style="text-align:right !important;margin-top::9px"
                                               class="receive_information align-md">
                                                <span style="font-weight:bold;">آدرس:</span>
                                                {{ province_name($address->province_id).' / '.city_name($address->city_id).' - '.$address->address }}
                                            </p>
                                        </div>

                                        <div class="d-md-flex column-flex-direction-2 align-md mb-1">
                                <span class="d-block receive_information">
                                           <span style="font-weight:bold;">روش ارسال:</span> {{ $delivery_method->name.' / '.$delivery_method->description }}
                                        </span>
                                            @if($set_time)
                                                <span class="receive_information">
                                            <span style="font-weight:bold;">
                                            زمان و تاریخ دریافت کالا:
                                            </span>
 {{ $set_time ?  $delivery_day.' / ساعت '.$delivery_time : ' ' }}
                                        </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">

                                <div class="col-12">
                                    <div style="            overflow: hidden;
                                    margin-top:20px;
    padding-bottom: 10px !important;
    border: 1px solid #c3c3c3 !important;
    box-shadow: 0 0 2px #ededed !important;
    padding: 10px !important;
    border-radius: 10px;" class="cart-summary cart-summary-none mb-4">
                                        <h3 class="text-center cart-title font-weight-bold font-size-rem text-uppercase">
                                            یادداشت های اضافه شده به
                                            سفارش:
                                        </h3>
                                        <div>
                                            <textarea class="order-description form-control" rows="4"></textarea>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 sticky-sidebar-wrapper">
                            @include('seller.metronik.summery_cart3')
                            <div class="col-12 ">
                                <div class="cart-summary km-box-style2">
                                    <div class="cart-summary-wrap ">
                                        <form id="payment_form" action="{{ route('home.payment') }}" method="POST">
                                            <input type="hidden" name="seller_id" value="{{ $seller_id}}">
                                            <input type="hidden" name="user_id" value="{{ $user_id}}">
                                            <input type="hidden" name="type" value="{{$type}}">
                                            @csrf
                                            <div class="cart-summary cart-summary-none">
                                                <h4
                                                style="text-align: center; margin-bottom:20px;     display: flex;
    align-items: center;
    justify-content: center;"
                                                
                                                class="text-center cart-title font-weight-bold font-size-rem text-uppercase">
                                                    <i class="ki-outline ki-devices fs-2 me-2"></i>
                                                    روش های پرداخت</h4>
                                            </div>

                                            <hr>
                                            @foreach($PaymentMethods as $key=>$item)
                                                @unless($item->name=='Deposit' and count($limited_products_for_pay_cash)>0)
                                                    <div
                                                        class="pay-top sin-payment d-flex justify-content-between align-center mb-3">
                                                        <div class="d-flex align-center">
                                                            @if(file_exists(public_path(env('LOGO_UPLOAD_PATH').$item->image))
                             and !is_dir(public_path(env('LOGO_UPLOAD_PATH').$item->image)))
                                                                <img alt="{{ $item->title }}" class="img-thumbnail"
                                                                     src="{{ asset(env('LOGO_UPLOAD_PATH').$item->image) }}">
                                                            @else
                                                                <img alt="{{ $item->title }}" class="img-thumbnail"
                                                                     src="{{ asset('admin/images/no_image.jpg') }}">
                                                            @endif
                                                            <div class="title-payment">
                                                                <label style="text-align:right" for="{{ $item->id }}"><b
                                                                        class="ml-3">{{ $item->title }}</b></label>
                                                                <label for="{{ $item->id }}"
                                                                       class="ml-3">{{ $item->short_description }}</label>
                                                            </div>

                                                        </div>
                                                        <div onclick="change_payment_btn()"
                                                             class="d-flex justify-content-between align-center">
                                                            <input id="{{ $item->id }}" class="input-radio" type="radio"
                                                                   value="{{ $item->id }}"
                                                                   @if($key==0)checked="checked"
                                                                   @endif name="payment_method">
                                                        </div>
                                                    </div>
                                                    <hr>
                                                @endif
                                            @endforeach
                                            <input type="hidden" id="address-input" name="address_id"
                                                   value="{{ $address->id }}">
                                        </form>
                                    </div>
                                    <div class="d-flex justify-between">
                                        <a href="{{ route('seller.submit_user_order.step_4',['user'=>$user_id,'type'=>$type]) }}"
                                           class="btn btn-lg btn-primary btn btn-address-2 btn-gold  btn-rounded">
                                            
                                            <i class="ki-outline ki-right fs-2"></i>
                                        بازگشت
                                        </a>
                                        <button onclick="SubmitStep5()" id="paymentBtn" type="button"
                                                class="btn btn-lg btn-primary">
                                            پرداخت
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <input type="hidden" name="user_type" id="user_type_input" value="">
        <input type="hidden" name="user_id" id="user_id" value="">
    </div>

@endsection