@extends('home.users_profile.layout')

@section('title')
    آدرس ها
@endsection

@section('style')
    <style>
        .primary-color, .primary-color::before {
            color: #7239EA !important;
            background-color: #ffffff !important;
        }

        .ki-outline {
            font-size: 18px !important;
            color: #7239EA !important;
        }

        .custom-class {
            padding: 5px 0;
            width: fit-content;
            border-bottom: 1px solid transparent;
            position: relative;
        }

        .custom-class::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0%;
            height: 1px;
            background-color: #000000;
            transition: all .25s;
        }

        .custom-class:hover::after {
            width: 100%;
            transition: all .25s;
        }

        .modall {
            display: none;
            position: fixed !important;
            top: 50% !important;
            left: 50% !important;
            margin: 0 auto !important;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            width: 80vw !important;
            height: 95vh !important;
            background-color: white;
            border-radius: 10px;
            animation: open_modal 0.2s forwards;
            flex-direction: column;
            max-width: none !important;
            overflow-y: scroll;
            padding: 0 !important;
        }

        .modal::-webkit-scrollbar, .modal::-webkit-scrollbar-thumb {
            display: none !important;
        }


        .sheet {
            height: fit-content;
            width: 100%;
            padding: 10px;
            padding-top: 140px;
        }

        .grid-item {
            position: relative;

        }

        .modal-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
            background-color: transparent;
            border: none;
            ouline: none;
            width: 70px;
            height: 70px;
            cursor: pointer;
            transition: all .2s;
        }

        .modal-btn:hover {
            transform: translate(-50%, -50%) scale(1.1);
        }

        .backdrop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100vw !important;
            height: 100vh !important;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 9999;
            max-width: none !important;
        }

        .db {
            display: block;
            animation: open_modal 0.2s forwards;
        }

        .df {
            display: flex;
            animation: open_modal 0.2s forwards;
        }

        .modal-show {
            display: block;
        }

        .main-modal {
            /*cursor: pointer;*/
        }

        .h_iframe-aparat_embed_frame {
            position: relative;
        }

        .title {
            font-size: 15px;
            display: flex;
            align-items: center;
            margin-top: 20px;
            color: #000000;
        }

        .title:hover {
            text-decoration: underline;
        }

        .h_iframe-aparat_embed_frame {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .h_iframe-aparat_embed_frame iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 70%;
            border: none;
        }

        .post {
            box-shadow: 0 0 5px lightgrey;
            border-radius: 10px;
            overflow: hidden;
            background: #e5e5e5;
        }

        .post-media {
            overflow: hidden;
        }

        .post-media img {
            transition: transform .25s ease-in-out;

        }

        .post-media:hover img {
            transform: scale(1.2);
        }

        .post-details {
            padding: 0 10px;
        }

        @keyframes open_modal {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0);
            }
            100% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }
    </style>

@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('select').removeClass('nice-select');
            $('select').show();
            $('div .nice-select').remove();
        })
        $('.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) {
                        console.log(res);
                        if (res) {
                            $(".city-select").empty();
                            $(".city-select").append('<option selected value=""> انتخاب کنید</option>');

                            $.each(res, function (key, city) {
                                console.log(city);
                                $(".city-select").append('<option value="' + city.id + '">' +
                                    city.name + '</option>');
                            });

                        } else {
                            $(".city-select").empty();
                        }
                    }
                });
            } else {
                $(".city-select").empty();
            }
        });

        function collapseAddress() {
            $('#collapseAddAddress').slideToggle(1000);
        }

        function editAddress(address_id) {
            $('#collapse-address-' + address_id).slideToggle(1000);
        }

        $('.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 > span.toggle-btn').click(function (e) {
            e.preventDefault();
            $(this).parent().next().slideToggle(300).parent().toggleClass("show");
        })


        $('#mobile_menu_nav').click(function () {
            $('#icon-panel').toggleClass('negative');
            $('#icon-panel').toggleClass('positive');
            $('.negative').html('-');
            $('.positive').html('+');
        })

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

    </script>
@endsection



@section('content')
    <div class="modal fade" id="kt_modal_new_address" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog modal-dialog-centered mw-650px">
            <!--begin::Modal content-->
            <div class="modal-content">
                <!--begin::form-->
                <form method="POST" class="form" action="{{ route('home.addresses.store') }}" id="kt_modal_new_address_form">
                    @csrf
                    <!--begin::Modal header-->
                    <div class="modal-header" id="kt_modal_new_address_header">
                        <!--begin::Modal title-->
                        <h2>آدرس های جدید را اضافه کنید</h2>
                        <!--end::Modal title-->
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <i class="ki-outline ki-cross fs-1"></i>
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--end::Modal header-->
                    <!--begin::Modal body-->
                    <div class="modal-body py-10 px-lg-17">
                        <!--begin::Scroll-->
                        <div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_new_address_header" data-kt-scroll-wrappers="#kt_modal_new_address_scroll" data-kt-scroll-offset="300px">

                            <div class="row mb-5">
                                <!--begin::Col-->
                                <div class="col-md-6 fv-row">
                                    <!--begin::Tags-->
                                    <label class="required fs-5 fw-semibold mb-2"> نام و نام خانوادگی تحویل گیرنده:</label>
                                    <!--end::Tags-->
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" placeholder="" name="title"
                                           value="{{ old('title') }}">

                                    @error('title', 'addressStore')
                                    <p class="input-error-validation text-danger">
                                        <strong>
                                            فیلد نام و نام خانوادگی الزامی است
                                        </strong>
                                    </p>
                                    @enderror
                                    <!--end::Input-->
                                </div>
                                <!--end::Col-->
                                <!--begin::Col-->
                                <div class="col-md-6 fv-row">
                                    <!--end::Tags-->
                                    <label class="required fs-5 fw-semibold mb-2">  شماره تماس دوم: </label>
                                    <!--end::Tags-->
                                    <!--end::Input-->
                                    <input type="text" class="form-control form-control-solid" placeholder="" name="tel"
                                           value="{{ old('tel') }}" />
                                    <!--end::Input-->
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="d-flex flex-column mb-5 fv-row">
                                <!--begin::Tags-->
                                <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                    <span class="required">استان</span>

                                </label>
                                <!--end::Tags-->
                                <!--begin::انتخاب-->
                                <select name="province_id" data-placeholder="انتخاب  کشور..." class="form-select province-select form-select-solid">
                                    <option value="" selected>انتخاب کنید
                                    </option>
                                    @foreach ($provinces as $province)
                                        <option
                                            value="{{ $province->id }}">{{ $province->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('province_id', 'addressStore')
                                <p class="input-error-validation text-danger">
                                    <strong>{{ $message }}</strong>
                                </p>
                                @enderror
                                <!--end::انتخاب-->
                            </div>

                            <div class="d-flex flex-column mb-5 fv-row">
                                <!--begin::Tags-->
                                <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                    <span class="required">شهر</span>

                                </label>
                                <!--end::Tags-->
                                <!--begin::انتخاب-->
                                <select name="city_id"  data-placeholder="انتخاب  کشور..." class="form-select city-select form-select-solid">
                                    <option value="" selected>انتخاب کنید
                                    </option>

                                </select>
                                @error('city_id', 'addressStore')
                                <p class="input-error-validation text-danger">
                                    <strong>{{ $message }}</strong>
                                </p>
                                @enderror
                                <!--end::انتخاب-->
                            </div>

                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="d-flex flex-column mb-5 fv-row">
                                <!--begin::Tags-->
                                <label class="required fs-5 fw-semibold mb-2"> نشانی:</label>
                                <!--end::Tags-->
                                <!--begin::Input-->
                                <input value="{{ old('address') }}"  class="form-control form-control-solid" placeholder="" name="address" />

                                @error('address', 'addressStore')
                                <p class="input-error-validation text-danger">
                                    <strong>{{ $message }}</strong>
                                </p>
                                @enderror
                                <!--end::Input-->
                            </div>





                            <!--end::Input group-->
                        </div>
                        <!--end::Scroll-->
                    </div>
                    <!--end::Modal body-->
                    <!--begin::Modal footer-->
                    <div class="modal-footer flex-center">
                        <!--begin::Button-->
                        <button type="reset" id="kt_modal_new_address_cancel" class="btn btn-light me-3">لغو</button>
                        <!--end::Button-->
                        <!--begin::Button-->
                        <button type="submit" id="kt_modal_new_address_submit" class="btn btn-primary">
                            <span class="indicator-label">ثبت</span>
                            <span class="indicator-progress">لطفا صبر کنید...
								<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                        </button>
                        <!--end::Button-->
                    </div>
                    <!--end::Modal footer-->
                </form>
                <!--end::form-->
            </div>
        </div>
    </div>
    <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">

        <!--begin::Wrapper container-->
        <div class="app-container container-xxl d-flex">
            <div id="kt_app_sidebar" class="app-sidebar align-self-start" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '225px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
                <!--begin::Sidebar secondary menu-->
                <div class="card flex-grow-1 py-4" data-kt-sticky="true" data-kt-sticky-name="app-sidebar-menu-sticky" data-kt-sticky-offset="{default: false, xl: '500px'}" data-kt-sticky-width="225px" data-kt-sticky-left="auto" data-kt-sticky-top="125px" data-kt-sticky-animation="false" data-kt-sticky-zindex="95" style="">
                    <div class="hover-scroll-y mx-3 px-1 px-lg-2" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_header, #kt_app_toolbar, #kt_app_footer" data-kt-scroll-wrappers="#kt_app_main" data-kt-scroll-offset="5px" style="height: 230px;">
                        <div id="kt_app_sidebar_menu"
                             class="menu menu-sub-indention menu-rounded menu-column menu-active-bg menu-title-gray-600 menu-icon-gray-400 menu-state-primary menu-arrow-gray-500 fw-semibold fs-6"
                             data-kt-menu="true"
                             class="menu menu-sub-indention menu-rounded menu-column menu-active-bg menu-title-gray-600 menu-icon-gray-400 menu-state-primary menu-arrow-gray-500 fw-semibold fs-6">
                            <!--begin:Menu item-->
                            <div class="menu-item">
                                <!--begin:Menu content-->
                                <div class="menu-content">
                                    <!--<span class="menu-section fs-5 fw-bolder ps-1 py-1">صفحات</span>-->
                                </div>
                                <!--end:Menu content-->
                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="{{route('home.users_profile.show')}}" class="menu-link">
												<span class="menu-bullet">
													   <svg width="32px" viewBox="0 0 24 24" fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier"
                                                                                                  stroke-width="0"></g><g
                                                               id="SVGRepo_tracerCarrier" stroke-linecap="round"
                                                               stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path
                                                                   d="M12.12 12.78C12.05 12.77 11.96 12.77 11.88 12.78C10.12 12.72 8.71997 11.28 8.71997 9.50998C8.71997 7.69998 10.18 6.22998 12 6.22998C13.81 6.22998 15.28 7.69998 15.28 9.50998C15.27 11.28 13.88 12.72 12.12 12.78Z"
                                                                   stroke="#7239EA " stroke-width="1.5"
                                                                   stroke-linecap="round"
                                                                   stroke-linejoin="round"></path> <path
                                                                   d="M18.74 19.3801C16.96 21.0101 14.6 22.0001 12 22.0001C9.40001 22.0001 7.04001 21.0101 5.26001 19.3801C5.36001 18.4401 5.96001 17.5201 7.03001 16.8001C9.77001 14.9801 14.25 14.9801 16.97 16.8001C18.04 17.5201 18.64 18.4401 18.74 19.3801Z"
                                                                   stroke="#7239EA " stroke-width="1.5"
                                                                   stroke-linecap="round"
                                                                   stroke-linejoin="round"></path> <path
                                                                   d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                                                                   stroke="#7239EA" stroke-width="1.5"
                                                                   stroke-linecap="round"
                                                                   stroke-linejoin="round"></path> </g></svg>
												</span>
                                    <span class="menu-title custom-class">اطلاعات حساب کاربری </span>

                                </a>

                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="{{route('home.profile.wallet.index')}}" class="menu-link">
												<span class="menu-bullet">
													    <i class="ki-outline ki-wallet fs-2x fs-lg-2hx text-gray-500 ms-n1 primary-color"></i>
												</span>
                                    <span class="menu-title custom-class">کیف پول </span>

                                </a>

                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="{{route('home.users_profile.index')}}" class="menu-link">
												<span class="menu-bullet">
												    <i class="ki-outline ki-messages fs-2x fs-lg-2hx text-gray-500 ms-n1"></i>
												</span>
                                    <span class="menu-title custom-class">نظرات و دیدگاه ها   </span>

                                </a>

                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="{{route('home.ticket.index')}}" class="menu-link">
												<span class="menu-bullet">
                                                    <i class="ki-outline ki-message-edit fs-2x fs-lg-2hx text-gray-500 ms-n1 primary-color"></i>
												</span>
                                    <span class="menu-title custom-class">درخواست پشتیبانی   </span>

                                </a>

                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="{{route('home.addresses.index')}}" class="menu-link">
												<span class="menu-bullet">
                                                            <i class="ki-outline ki-address-book fs-2x fs-lg-2hx text-gray-500 ms-n1 primary-color"></i>
												</span>
                                    <span class="menu-title custom-class">آدرس های من  </span>

                                </a>

                            </div>

                            <div class="menu-item here">
                                <!--begin:Menu link-->
                                <a href="http://ofogh-golestan.ir/Consoles/VirtualReception/" class="menu-link" target="_blank">
												<span class="menu-bullet">
                                                   <svg width="32px" viewBox="0 -0.5 25 25" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier"
                                                                                              stroke-width="0"></g><g
                                                           id="SVGRepo_tracerCarrier" stroke-linecap="round"
                                                           stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path
                                                               d="M10.4608 1.50732C11.2607 0.539132 12.7446 0.539132 13.5445 1.50732L14.7445 2.95979C15.1677 3.472 15.8176 3.74061 16.4789 3.67664L18.3571 3.49495C19.6102 3.37372 20.6624 4.42666 20.5402 5.67974L20.3597 7.53129C20.2949 8.1958 20.566 8.84883 21.0823 9.2721L22.5232 10.4533C23.4993 11.2534 23.4993 12.7466 22.5232 13.5467L21.0823 14.7279C20.566 15.1512 20.2949 15.8042 20.3597 16.4687L20.5402 18.3203C20.6624 19.5733 19.6102 20.6263 18.3571 20.505L16.4789 20.3234C15.8176 20.2594 15.1677 20.528 14.7445 21.0402L13.5445 22.4927C12.7446 23.4609 11.2607 23.4609 10.4608 22.4927L9.26079 21.0402C8.83761 20.528 8.18769 20.2594 7.52637 20.3234L5.64824 20.505C4.39507 20.6263 3.34293 19.5733 3.4651 18.3203L3.64562 16.4687C3.71041 15.8042 3.43933 15.1512 2.92298 14.7279L1.48208 13.5467C0.505968 12.7466 0.505968 11.2534 1.48208 10.4533L2.92298 9.2721C3.43933 8.84883 3.71041 8.1958 3.64562 7.53129L3.4651 5.67974C3.34293 4.42666 4.39507 3.37372 5.64824 3.49495L7.52637 3.67664C8.18769 3.74061 8.83761 3.472 9.26079 2.95979L10.4608 1.50732Z"
                                                               stroke="#7239EA" stroke-width="1.5"></path> <path
                                                               d="M8.12549 12.7725L10.4136 15.0516C10.8437 15.48 11.5531 15.4296 11.9182 14.9446L15.8801 9.68274"
                                                               stroke="#7239EA" stroke-width="1.5"
                                                               stroke-linecap="round"></path> </g></svg>
                                                    <!--begin::Desc-->
												</span>
                                    <span class="menu-title custom-class">ثبت گارانتی</span>

                                </a>

                            </div>


                        {{--                            <div class="menu-item here">--}}
                        {{--                                <!--begin:Menu link-->--}}
                        {{--                                <a href="{{route('home.profile.education')}}" class="menu-link">--}}
                        {{--												<span class="menu-bullet">--}}
                        {{--                                                     <i class="ki-outline ki-chart  fs-2x fs-lg-2hx text-gray-500 ms-n1 primary-color"></i>--}}
                        {{--												</span>--}}
                        {{--                                    <span class="menu-title custom-class">آموزش ها</span>--}}

                        {{--                                </a>--}}

                        {{--                            </div>--}}


                        <!--end:Menu item-->
                        </div>
                    </div>
                </div>
                <!--end::Sidebar secondary menu-->
            </div>

            <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                <!--begin::Content wrapper-->
                <div class="d-flex flex-column flex-column-fluid">
                    <!--begin::Content-->
                    <div id="kt_app_content" class="app-content">
                        <!--begin::محصولات-->
                        <div class="card card-flush">
                            <!--begin::کارت header-->
<div class="card-header mb-4">

    <h3 class="d-flex align-items-center"> آدرس ها </h3>
    <button data-bs-toggle="modal" data-bs-target="#kt_modal_new_address"
            class="collapse-address-create  btn btn-primary  mt-3" >
        ایجاد آدرس
        جدید
    </button>
</div>
                            <!--end::کارت header-->
                            <!--begin::کارت body-->
                            <div class="card-body pt-0">

                                @foreach ($addresses as $key => $address)
                                <div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
                                    <!--begin::کارت header-->
                                    <div class="card-header bg-secondary  cursor-pointer">
                                        <!--begin::کارت title-->
                                        <div class="card-title m-0">
                                            <h3 class="fw-bold m-0"> آدرس {{ $key + 1 }}</h3>
                                        </div>
                                        <div class="d-flex">
                                            @if(!($address->Order()->count() > 0))
                                                <a  class="btn edit-btn btn-sm mx-3 btn-warning align-self-center" data-bs-toggle="modal" data-bs-target="#kt_modal_new_address_{{$address->id}}">    <i class="fa fa-edit"></i>
                                                    ویرایش</a>
                                                <a href="{{ route('home.addresses.delete', ['address' => $address->id]) }}" class="btn btn-sm btn-danger align-self-center">    <i class="fa fa-trash"></i>
                                                    حذف</a>
                                            @endif
                                        </div>

                                        <!--end::Actions-->
                                    </div>
                                    <!--begin::کارت header-->
                                    <!--begin::کارت body-->
                                    <div class="card-body p-9">
                                        <!--begin::Row-->
                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">نام خریدار: </label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">{{ auth()->user()->first_name.' '. auth()->user()->last_name }}</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Row-->
                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">استان / شهر:</label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8 fv-row">
                                                <span class="fw-semibold text-gray-800 fs-6"> {{ province_name($address->province_id).'/'.city_name($address->city_id) }}</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">
                                                شماره همراه

                                            </label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8 d-flex align-items-center">
                                                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $address->cellphone }}</span>

                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Input group-->
                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">نام و نام خانوادگی تحویل گیرنده: </label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $address->title }}</a>
                                            </div>
                                            <!--end::Col-->
                                        </div>

                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">شماره تماس دوم:</label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">{{ $address->tel==null ? '-' : $address->tel }}</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <div class="row mb-7">
                                            <!--begin::Tags-->
                                            <label class="col-lg-4 fw-semibold text-muted">  نشانی:</label>
                                            <!--end::Tags-->
                                            <!--begin::Col-->
                                            <div class="col-lg-8">
                                                <span class="fw-bold fs-6 text-gray-800">{{ $address->address }}</span>
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <div class="modal fade" id="kt_modal_new_address_{{$address->id}}" tabindex="-1" aria-hidden="true">
                                            <!--begin::Modal dialog-->
                                            <div class="modal-dialog modal-dialog-centered mw-650px">
                                                <!--begin::Modal content-->
                                                <div class="modal-content">
                                                    <!--begin::form-->
                                                    <form method="POST" class="form"  action="{{ route('home.addresses.update', ['address' => $address->id]) }}" id="kt_modal_new_address_form">
                                                        @csrf
                                                        @method('PUT')
                                                        <!--begin::Modal header-->
                                                        <div class="modal-header" id="kt_modal_new_address_header">

                                                            <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                                                                <i class="ki-outline ki-cross fs-1"></i>
                                                            </div>
                                                            <!--end::Close-->
                                                        </div>
                                                        <!--end::Modal header-->
                                                        <!--begin::Modal body-->
                                                        <div class="modal-body py-10 px-lg-17">
                                                            <!--begin::Scroll-->
                                                            <div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_new_address_header" data-kt-scroll-wrappers="#kt_modal_new_address_scroll" data-kt-scroll-offset="300px">

                                                                <div class="row mb-5">
                                                                    <!--begin::Col-->
                                                                    <div class="col-md-6 fv-row">
                                                                        <!--begin::Tags-->
                                                                        <label class="required fs-5 fw-semibold mb-2"> نام و نام خانوادگی تحویل گیرنده:</label>
                                                                        <!--end::Tags-->
                                                                        <!--begin::Input-->
                                                                        <input type="text" class="form-control form-control-solid" placeholder="" name="title"
                                                                               value="{{ $address->title }}">

                                                                        @error('title', 'addressStore')
                                                                        <p class="input-error-validation text-danger">
                                                                            <strong>
                                                                                فیلد نام و نام خانوادگی الزامی است
                                                                            </strong>
                                                                        </p>
                                                                        @enderror
                                                                        <!--end::Input-->
                                                                    </div>
                                                                    <!--end::Col-->
                                                                    <!--begin::Col-->
                                                                    <div class="col-md-6 fv-row">
                                                                        <!--end::Tags-->
                                                                        <label class="required fs-5 fw-semibold mb-2">  شماره تماس دوم: </label>
                                                                        <!--end::Tags-->
                                                                        <!--end::Input-->
                                                                        <input type="text" class="form-control form-control-solid" placeholder="" name="tel"
                                                                               value="{{ $address->tel }}" />
                                                                        <!--end::Input-->
                                                                    </div>
                                                                    <!--end::Col-->
                                                                </div>
                                                                <!--end::Input group-->
                                                                <!--begin::Input group-->
                                                                <div class="d-flex flex-column mb-5 fv-row">
                                                                    <!--begin::Tags-->
                                                                    <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                                        <span class="required">استان</span>

                                                                    </label>
                                                                    <!--end::Tags-->
                                                                    <!--begin::انتخاب-->
                                                                    <select name="province_id" data-placeholder="انتخاب  کشور..." class="form-select province-select form-select-solid">
                                                                        <option value="" selected>انتخاب کنید
                                                                        </option>
                                                                        @foreach ($provinces as $province)
                                                                            <option value="{{ $province->id }}"
                                                                                {{ $province->id == $address->province_id ? 'selected' : '' }}>
                                                                                {{ $province->name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                    @error('province_id', 'addressStore')
                                                                    <p class="input-error-validation text-danger">
                                                                        <strong>{{ $message }}</strong>
                                                                    </p>
                                                                    @enderror
                                                                    <!--end::انتخاب-->
                                                                </div>

                                                                <div class="d-flex flex-column mb-5 fv-row">
                                                                    <!--begin::Tags-->
                                                                    <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                                        <span class="required">شهر</span>

                                                                    </label>
                                                                    <!--end::Tags-->
                                                                    <!--begin::انتخاب-->
                                                                    <select name="city_id"  data-placeholder="انتخاب  کشور..." class="form-select city-select form-select-solid">
                                                                        <option value="{{ $address->city_id }}"
                                                                                selected>
                                                                            {{ city_name($address->city_id) }}
                                                                        </option>

                                                                    </select>
                                                                    @error('city_id', 'addressStore')
                                                                    <p class="input-error-validation text-danger">
                                                                        <strong>{{ $message }}</strong>
                                                                    </p>
                                                                    @enderror
                                                                    <!--end::انتخاب-->
                                                                </div>

                                                                <!--end::Input group-->
                                                                <!--begin::Input group-->
                                                                <div class="d-flex flex-column mb-5 fv-row">
                                                                    <!--begin::Tags-->
                                                                    <label class="required fs-5 fw-semibold mb-2"> نشانی:</label>
                                                                    <!--end::Tags-->
                                                                    <!--begin::Input-->
                                                                    <input value="{{ $address->address }}"  class="form-control form-control-solid" placeholder="" name="address" />

                                                                    @error('address', 'addressStore')
                                                                    <p class="input-error-validation text-danger">
                                                                        <strong>{{ $message }}</strong>
                                                                    </p>
                                                                    @enderror
                                                                    <!--end::Input-->
                                                                </div>





                                                                <!--end::Input group-->
                                                            </div>
                                                            <!--end::Scroll-->
                                                        </div>
                                                        <!--end::Modal body-->
                                                        <!--begin::Modal footer-->
                                                        <div class="modal-footer flex-center">
                                                            <!--begin::Button-->
                                                            <button type="reset" id="kt_modal_new_address_cancel" class="btn btn-light me-3">لغو</button>
                                                            <!--end::Button-->
                                                            <!--begin::Button-->
                                                            <button type="submit" id="kt_modal_new_address_submit" class="btn btn-primary">
                                                                <span class="indicator-label">ویرایش</span>
                                                                <span class="indicator-progress">لطفا صبر کنید...
								<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                            </button>
                                                            <!--end::Button-->
                                                        </div>
                                                        <!--end::Modal footer-->
                                                    </form>
                                                    <!--end::form-->
                                                </div>
                                            </div>
                                        </div>


                                        <!--end::Notice-->
                                    </div>
                                    <!--end::کارت body-->
                                </div>
                                @endforeach

                                <!--end::Table-->
                            </div>
                            <!--end::کارت body-->
                        </div>
                        <!--end::محصولات-->
                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Content wrapper-->
                <!--begin::Footer-->

                <!--end::Footer-->
            </div>
            <!--end:::اصلی-->
        </div>
        <!--end::Wrapper container-->
    </div>

@endsection