@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;
            @if(auth()->user()->organ_id != 0 && auth()->user()->personnel_activation==1)

                @php
                    $total_sale_old = calculateCartInstallmentPrice()['sale_price']- session()->get('coupon.amount');

                    $discount_percent_sale_organ = auth()->user()->Organ->installment_discount_percent;
                    $total_sale=$total_sale_old-(($total_sale_old*($discount_percent_sale_organ/100)));
                @endphp
                total_payment = {{ $total_sale }};
            @else
                total_payment = {{ calculateCartInstallmentPrice()['sale_price']- session()->get('coupon.amount') }};
            @endif


            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: 'installment'
                },
                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-12 col-6 mt-3">
                                                                    <div
                                                                         class="form-check d-flex justify-content-between align-items-center {{ $item->exist_service==true ? ($key == 0 ? 'selected': '') : '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

                                                @if(auth()->user()->organ_id != 0 && auth()->user()->personnel_activation==1)

                                                    @php
                                                        $total_sale_old = calculateCartInstallmentPrice()['sale_price']- session()->get('coupon.amount');

                                                        $discount_percent_sale_organ = auth()->user()->Organ->installment_discount_percent;
                                                        $total_sale=$total_sale_old-(($total_sale_old*($discount_percent_sale_organ/100)));
                                                    @endphp
                                                    <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((($total_sale_old*($discount_percent_sale_organ/100))))}}
                                                            تومان</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="total_payment"
                                                           class="mb-0 font-18">{{ number_format($total_sale) }} تومان
                                                        <p>
                                                    </div>
                                                @else
                                                    <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>
                                                @endif

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