@extends('home.layouts.index')
@php
    $orders = \App\Models\Order::where('user_id' , $user->id)->get();

@endphp
@section('title')
    انتخاب آدرس
@endsection

@section('description')
@endsection

@section('keywords')
@endsection

@section('script')
    <script>

        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 = $('.form-check .checked').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();

            setTimeout(function () {
                window.location.href = '#collapseAddAddress';
                window.scrollTo(0, 600);
            }, 200)

        })
        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('.selected');
            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 = {{ calculateCartInstallmentPrice()['sale_price']- session()->get('coupon.amount') }};
   
            if (isNaN(parseInt(price))) {
 total_payment = parseInt(total_payment) ;
} else {
  total_payment = parseInt(total_payment) + parseInt(price);
}
           
           
            $('#total_payment').text(number_format(total_payment) + ' تومان ');
        }

        function selectAddress(tag, address_id) {
            $('.km-address-style').removeClass('selected');
            $(tag).addClass('.selected');
            $('#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 .factor-item-time').removeClass('d-none');


                            } else {
                                $('#delivery_time .factor-item-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) {
            $('.form-check').removeClass('selected');
            $(tag).addClass('selected');
            $('#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 .factor-item-time').removeClass('d-none');

                               

                            } else {
                                $('#delivery_time .factor-item-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 .factor-item-time').addClass('d-none');
                            }
                            add_price_to_payment_box();
                        }
                    }
                }
            })
        }

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

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

        function submitCheckOut(e, tag) {
            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) {
                            swal({
                                text: msg[1],
                                icon: 'success',
                                timer: 5000,
                                buttons:false,
                            })
                            setTimeout(function () {
                                location.href = "{{ route('home.checkout.preview.installment') }}"
                            }, 1500)
                        }
                        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 toggleNewAddressForm() {
            const form = document.getElementById('newAddressForm');
            if (form.style.display === 'none') {
                form.style.display = 'block';
            } else {
                form.style.display = 'none';
            }
        }
    </script>
@endsection

@section('style')

    <style>
    .send-item-n {
    border-radius: 10px;
    padding: 5px;
    position: relative;
    cursor: pointer;
    border: 2px solid transparent;
}
.send-item-n.active {
    border-color: var(--main-color-one);
}
    .form-check .price{
        width: 15%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    }
    .form-check .title ,.form-check .priceIn{
        font-size:11px;
    }
     .delivery-item-selected .disabled {
    opacity: 0.5; /* کاهش شفافیت برای نمایش غیرفعالی */
    pointer-events: none; /* غیرفعال کردن تعاملات */
    background-color: #f1f1f1; /* رنگ پس‌زمینه روشن برای آیتم‌های غیرفعال */
    border-color: #ddd; /* رنگ حاشیه ملایم‌تر */
}

 .delivery-item-selected .disabled .form-check-label {
    color: #aaa; /* رنگ متن برای حالت غیرفعال */
}

 .delivery-item-selected .disabled .form-check-input {
    cursor: not-allowed; /* تغییر نشانگر موس به "غیرمجاز" */
}

    .delivery-item-selected .form-check img{
        width:150px;
    }
    .delivery-item-selected {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.delivery-item-selected h5 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.delivery-item-selected .form-check {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.delivery-item-selected .form-check:hover {
    background-color: #f0f8ff;
    border-color: #00aaff;
}

.delivery-item-selected .km-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.delivery-item-selected .form-check-label {
    font-size: 12px;
    color: #555;
    font-weight: 500;
}

.delivery-item-selected .form-check-input {
    margin-right: 10px;
}


.delivery-item-selected .form-check.selected {
    background-color: #e0f7fa; /* تغییر رنگ پس‌زمینه انتخاب شده */
    border-color: #00aaff; /* رنگ حاشیه در حالت انتخاب شده */
}
@media (max-width: 768px) {
    .form-check {
        flex-direction: column;
        text-align: center;
    }
}


        .address-card {
            background-color: #fff;
            transition: all 0.3s ease;
        }

        .address-card:hover {
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
        }

        .address-card .form-check-input:checked ~ .form-check-label {
            color: var(--main-color-one);
        }

        .new-address-form {
            border-top: 1px solid #eee;
            padding-top: 20px;
            margin-top: 20px;
        }

    </style>

@endsection

@section('content')


    <!-- end breadcroumb -->


    <!-- start content -->

    <div class="content">
        <div class="container-fluid">

            <div class="payment_navigtions">
                <div class="checkout-headers cart">
                    <ul>
                        <li class="nav">
                            <a href="">
                                <i class="bi bi-cart"></i>
                                <p>سبد خرید</p>
                            </a>
                        </li>
                        <li class="nav active">
                            <a href="">
                                <i class="bi bi-truck"></i>
                                <p>انتخاب آدرس و زمان ارسال</p>
                            </a>
                        </li>
                        <li class="nav">
                            <i class="bi bi-card-list"></i>
                            <p>پرداخت</p>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

        <div class="container-fluid">
            <div class="slider-title mb-4">
                <div class="slider-title-desc">
                    <div class="slider-title-title">
                        <h2 class="h1"> جزئیات <span class="title-font main-color-one-color">صورت حساب</span></h2>
                    </div>
                </div>
            </div>

            <!-- Saved Addresses Section -->
            <div class="saved-addresses mb-4">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h5 class="title-font h6">آدرس های ذخیره شده</h5>
                    <button type="button" class="btn btn main-color-one-bg" onclick="toggleNewAddressForm()">
                        <i class="bi bi-plus-circle"></i>
                        افزودن آدرس جدید
                    </button>
                </div>

                <div class="row g-3">
                    @foreach($addresses as $key=>$address)
                        <div  class="col-md-6">
                            <div class="address-card p-3 border rounded position-relative">
                                <div class="form-check">
                                    <input onclick="selectAddress(this,{{ $address->id }})" class="form-check-input {{$key==0 ? 'checked':''}}" type="radio" data-id="{{$address->id}}" name="saved_address" id="address{{$address->id}}" >
                                    <label class="form-check-label" for="address{{$address->id}}">
                                        <strong class="my-2">
                                           <span class="mx-3">
                                                خریدار:
                                           </span>
                                            {{ $address->title }}
                                        </strong>
                                        <strong class="d-block my-2">
                                           <span class="mx-3">
                                                شماره همراه:
                                           </span>
                                            {{ $address->cellphone }}</strong>
                                        <strong class="d-block my-2">
                                           <span class="mx-3">
                                                نام و نام خانوادگی:
                                           </span>

                                            {{ $address->User->first_name.' '. $address->User->last_name }}
                                        </strong>
                                        <strong class="d-block my-2">
                                           <span class="mx-3">
                                                استان / شهر:
                                           </span>
                                            {{ province_name($address->province_id).' / '.city_name($address->city_id) }}
                                        </strong>
                                        <strong class="d-block my-2">
                                           <span class="mx-3">
                                                آدرس:
                                           </span>

                                            {{ $address->address }}
                                        </strong>
                                        <strong class="d-block my-2">
                                           <span class="mx-3">
                                                کد ملی:
                                           </span>

                                            {{ $address->User->national_code }}
                                        </strong>

                                    </label>
                                </div>

                            </div>
                        </div>
                    @endforeach
                    <input id="address_selected_id" type="hidden" name="address_selected_id"
                           value="{{ $address_id }}">

                </div>
            </div>

            <!-- New Address Form -->
            <div id="newAddressForm" class="new-address-form" style="display: none;">
                <div class="content-box p-4 checkouts-form">
                    <h5 class="title-font h6 mb-3">افزودن آدرس جدید</h5>
                    <form action="{{ route('home.addresses.store') }}" method="POST">
                        @csrf
                        <div class="row g-4">
                            <div class="col-md-6">
                                <div class="comment-item mb-3">
                                    <input name="title"
                                           value="{{ old('title') }}" type="text" class="form-control {{$errors->has('title') ? 'border-error': ''}}" id="floatingInputName" placeholder=" نام و نام خانوادگی تحویل گیرنده">
                                    <label for="floatingInputName" class="form-label label-float fw-bold font-16">   نام و نام خانوادگی تحویل گیرنده: <span class="text-danger">*</span></label>
                                </div>
                            </div>
                            @if($user->national_code==null or $orders == null)
                                <div class="col-md-6">
                                    <div class="comment-item mb-3">
                                        <input name="national_code"
                                               value="{{ old('national_code') }}" id="national_code" type="text" class="form-control {{$errors->has('national_code') ? 'border-error': ''}}"  placeholder="کد ملی خود را وارد کنید ...">
                                        <label for="floatingInputPostal" class="form-label label-float fw-bold">کد ملی</label>
                                        @error('national_code', 'addressStore')
                                        <p class="input-error-validation">
                                            <strong>{{ $message }}</strong>
                                        </p>
                                        @enderror
                                    </div>
                                </div>
                            @endif

                            <div class="col-md-6">
                                <div class="comment-item mb-3">
                                    <input name="tel"
                                           value="{{ old('tel') }}" type="text" class="form-control" id="floatingInputTel" placeholder="شماره تلفن خود را وارد کنید ...">
                                    <label for="floatingInputTel" class="form-label label-float fw-bold"> شماره تماس دوم: </label>
                                    @error('tel', 'addressStore')
                                    <p class="input-error-validation">
                                        <strong>{{ $message }}</strong>
                                    </p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="comment-item">
                                    <label class="label-float fw-bold">استان <span class="text-danger">*</span></label>
                                    <select name="province_id" id="floatingInputOstan " class="form-select {{$errors->has('province_id') ? 'border-error': ''}} province-select">
                                        @foreach ($provinces as $province)
                                            <option
                                                value="{{ $province->id }}">{{ $province->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('province_id', 'addressStore')
                                    <p class="input-error-validation">
                                        <strong>{{ $message }}</strong>
                                    </p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="comment-item">
                                    <label class="label-float fw-bold">شهر <span class="text-danger">*</span></label>
                                    <select name="city_id" id="floatingInputCity" class="form-select {{ $errors->has('city_id') ? 'border-error': ''}} city-select">

                                    </select>
                                    @error('city_id', 'addressStore')

                                    <p class="input-error-validation">
                                        <strong>{{ $message }}</strong>
                                    </p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="comment-item mb-3">
                                    <input value="{{ old('address') }}" name="address" type="text" class="form-control" id="floatingInputStreet" placeholder="آدرس خود را وارد کنید ...">
                                    <label for="floatingInputStreet" class="form-label label-float fw-bold">آدرس خیابان</label>
                                </div>
                                @error('address', 'addressStore')
                                <p class="input-error-validation">
                                    <strong>{{ $message }}</strong>
                                </p>
                                @enderror
                            </div>



                            <div class="col-12">
                                <div class="form-group">
                                    <button type="submit" class="btn product-meta-add-to-cart-btn main-color-one-bg">
                                        ذخیره آدرس
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>


        </div>

        <div class="container-fluid">
            <div class="slider-title mb-4">
                <div class="slider-title-desc">
                    <div class="slider-title-title">
                        <h2 class="h1"> انتخاب <span class="title-font main-color-one-color">زمان ارسال </span></h2>
                    </div>
                </div>
            </div>
            <div class="content-box checkouts-form">
                <div class="container-fluid">
                    <div class="checkout-form">
                        <form action="">

                            <div class="row g-4">


                                <div class="col-12 ">
                                    <div class="cart-canvases  position-sticky top-0">

                                        <div class="item shadow-none">
                                            <div id="delivery_time" class="factor">

                                                <div  class="factor-item factor-item-time d-none pb-3">
                                                    <h5 class="title-font mb-3 h6">زمان ارسال</h5>
                                                    <div class="row gy-3">
                                                               @foreach($date as $item)
                                                        @if(!in_array(verta($item)->format('l'),$holidaysName))
                                                        <div class="col-sm-2">
                                                            <div onclick="selectDayName(this,'{{ verta($item)->format('l d F') }}')" data-val="{{ $item }}" class="send-item-n day {{ in_array(verta($item)->format('l'),$holidaysName)  ? '' : 'active' }}">
                                                                <h6 class="font-14 text-center">{{ verta($item)->format('l d F') }} </h6>

                                                            </div>
                                                        </div>
                                                            @else
                                                                                                               <div class="col-sm-2">
                                                            <div data-val="{{ $item }}" class="send-item-n {{ in_array(verta($item)->format('l'),$holidaysName)  ? '' : 'active' }}">
                                                                <h6 class="font-14 text-center">{{ verta($item)->format('l d F') }} </h6>

                                                            </div>
                                                        </div>
                                                            @endif
                                                            
                                                            @endforeach
                                                                <input type="hidden" id="dayNameInput">

                                                    </div>
                                                </div>

  <div  class="factor-item factor-item-time d-none pb-3">
                                                    <h5 class="title-font mb-3 h6">انتخاب ساعت </h5>
                                                    <div class="row gy-3">
                                                      @foreach($sent_times as $key=>$item) <div class="col-sm-2">
                                                            <div onclick="selectSendTime(this,'{{ $item }}')"
                                                                     data-val="{{ $item }}" class="send-item-n hours">
                                                                <h6 class="font-14 text-center">ساعت {{ $item }}</h6>

                                                            </div>
                                                        </div>
                       
                                                            
                                                            @endforeach
                                                               <input type="hidden" id="send_time_select"
                                                                   value="{{ $item }}">

                                                    </div>
                                                </div>

                                                <div class="d-flex factor-item mb-3 align-items-center justify-content-between">
                                                    <h5 class="title-font mb-0 h6">قیمت کالا ها</h5>
                                                    <p class="mb-0 font-17">{{ number_format(calculateCartInstallmentPrice()['original_price']) }} تومان</p>
                                                </div>

                                                <div class="d-flex factor-item mb-3 align-items-center justify-content-between">
                                                    <h5 class="title-font mb-0 h6">  هزینه ارسال</h5>
                                                    <p id="calculate_delivery_price" class="mb-0 font-18">- </p>
                                                </div>
                                                <div class="d-flex factor-item mb-3 align-items-center justify-content-between">
                                                    <h5 class="title-font mb-0 h6">تخفیف کالا ها</h5>
                                                    <p class="mb-0 font-18">{{ number_format( session()->get('coupon.amount') ) }} تومان</p>
                                                </div>
@if($address_id!=null)
                                                <div class="d-flex factor-item flex-column mb-3 align-items-start justify-content-between delivery-item-selected">
                                                    <h5 class="title-font mb-0 h6">روش های ارسال  </h5>
                                                    <div id="selectDeliveryItems" class="row g-2" action="">
                                                          @foreach($deliveryMethod as $key=>$item)
                                                                                                                        <div class="col-md-4 col-6 mt-3">
                                                        <div  class="form-check d-flex justify-content-between align-items-center {{ $item->exist_service==true ? '' : 'disabled' }}">
                                                             <div class="km-img">
                                                                    <img alt="پیک موتوری"
                                                                         src="{{ imageExist(env('DELIVERY_METHOD_ICON'),$item->image) }}">
                                                                </div>
                                                                
                                                            <input  type="radio" checked="" class="form-check-input d-none" name="post" id="post-{{$key}}">
                                                            <label for="post-{{$key}}" class="form-check-label">
                                                               {{ $item->name }} : {{ $item->description }}
                                                            </label>
                                                               <div class="price">
                                                                <div class="title">هزینه:</div>
                                                                <div
                                                                    class="priceIn {{ $item->id==3 ? 'alopeyk_price' : '' }}">
                                                                    <input type="hidden" class="send_method"
                                                                           value="{{  $item->id }}">
                                                                    {{$item->delivery_price }}
                                                                </div>
                                                            </div>
                                                        </div>
    
                                                            </div>
                                                      
                                                @endforeach
                                                      </div>
                                                </div>
                                                @endif

                                                <div class="d-flex factor-item mb-3 align-items-center justify-content-between">
                                                    <h5 class="title-font mb-0 h6">مجموع</h5>
                                                    <p id="total_payment" class="mb-0 font-18">{{ number_format(calculateCartInstallmentPrice()['sale_price']- session()->get('coupon.amount')) }} تومان<p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="form-group">
                                        <button onclick="submitCheckOut(event,this)" class="btn product-meta-add-to-cart-btn main-color-one-bg">
                                            ثبت سفارش
                                        </button>
                                    </div>
                                </div>

                            </div>
            <input id="delivery_method_selected_id" name="shippingoption"
                                                       type="hidden"
                                                       value="">
                        </form>
                    </div>
                    <div class="Dottedsquare-checkout d-lg-flex d-none"></div>
                </div>
            </div>
        </div>


@endsection