@extends('layout.store_layout.master')
@section('custom_css')
@endsection
@section('content')
    <div class="card mb-7">
        <div class="card-header card-header-stretch">
            <h3 class="card-title">@lang('general.customer_profile')</h3>
            <div class="card-toolbar">
                @include('pages.store_admin.customers.sections._tabs',['itemId'=>$customer->getKey()])
            </div>
        </div>
    </div>
    <div class="card mb-6 mb-xl-9">
        <!--begin::Card header-->
        <div class="card-header">
            <!--begin::Title-->
            <div class="card-title">
                <h3>عناوين العميل</h3>
            </div>
            <!--end::Title-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body">
            <!--begin::Addresses-->
            <div class="row gx-9 gy-6">
                @forelse($customer->addresses as $item)

                <div class="col-xl-6">
                    <!--begin::Address-->
                    <div class="card card-dashed h-xl-100 flex-row flex-stack flex-wrap p-6">
                        <!--begin::Details-->
                        <div class="d-flex flex-column py-2">
                            <div class="d-flex align-items-center fs-5 fw-bold mb-5">
                                {{ $item->address_name }}
                                @if($item->is_default)
                                <span class="badge badge-light-success fs-7 ms-2">أساسي</span>
                                @endif
                            </div>
                            <div class="fs-6 fw-semibold text-gray-600">{{ $item->address_text }}</div>
                            {{--<div class="fs-6 fw-semibold text-gray-600">Ap #285-7193 Ullamcorper Avenue--}}
                                {{--<br />Amesbury HI 93373--}}
                                {{--<br />US</div>--}}
                        </div>
                        <!--end::Details-->
                        <!--begin::Actions-->
                        {{--<div class="d-flex align-items-center py-2">--}}
                            {{--<button class="btn btn-sm btn-light btn-active-light-primary me-3" data-kt-billing-action="address-delete">--}}
                                {{--<!--begin::Indicator label-->--}}
                                {{--<span class="indicator-label">@lang('general.delete')</span>--}}
                                {{--<!--end::Indicator label-->--}}
                                {{--<!--begin::Indicator progress-->--}}
                                {{--<span class="indicator-progress">@lang('general.please_wait')--}}
																{{--<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>--}}
                                {{--<!--end::Indicator progress-->--}}
                            {{--</button>--}}
                            {{--<button class="btn btn-sm btn-light btn-active-light-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_address">@lang('general.edit')</button>--}}
                        {{--</div>--}}
                        <!--end::Actions-->
                    </div>
                    <!--end::Address-->
                </div>
                @empty
                        <div class="col text-center">
                            @lang('admin.no_data_found')
                        </div>
                @endforelse

            </div>
            <!--end::Addresses-->

        </div>
        <!--end::Card body-->
    </div>
    {{--@include('pages.store_admin.customers.sections.addresses')--}}

@endsection

@section('custom_js')
    <script src="{{ asset('assets/js/custom/apps/customers/view/adjust-balance.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/new-card.js') }}"></script>
    <script src="{{ asset('assets/js/custom/utilities/modals/new-address.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/ecommerce/sales/listing.js') }}"></script>
    <script>
        $(document).ready(function () {
            // code for delete card form payment cards
            KTUtil.on(document.body, '[data-kt-billing-action="card-delete"]', "click", function (t) {
                t.preventDefault();
                var n = this;
                swal.fire({
                    text: "Are you sure you would like to delete selected card ?",
                    icon: "warning",
                    buttonsStyling: !1,
                    showDenyButton: !0,
                    confirmButtonText: "Yes",
                    denyButtonText: "No",
                    customClass: { confirmButton: "btn btn-primary", denyButton: "btn btn-light-danger" },
                }).then((t) => {
                    t.isConfirmed &&
                    (n.setAttribute("data-kt-indicator", "on"),
                        (n.disabled = !0),
                        setTimeout(function () {
                            Swal.fire({ text: "Your selected card has been successfully deleted", icon: "success", confirmButtonText: "Ok", buttonsStyling: !1, customClass: { confirmButton: "btn btn-light-primary" } }).then((t) => {
                                n.closest('[data-kt-billing-element="card"]').remove();
                            });
                        }, 2e3));
                });
            });
            // end

            // code for delete billing address
            KTUtil.on(document.body, '[data-kt-billing-action="address-delete"]', "click", function (t) {
                t.preventDefault();
                var n = this;
                swal.fire({
                    text: "Are you sure you would like to delete selected address ?",
                    icon: "warning",
                    buttonsStyling: !1,
                    showDenyButton: !0,
                    confirmButtonText: "Yes",
                    denyButtonText: "No",
                    customClass: { confirmButton: "btn btn-primary", denyButton: "btn btn-light-danger" },
                }).then((t) => {
                    t.isConfirmed &&
                    (n.setAttribute("data-kt-indicator", "on"),
                        (n.disabled = !0),
                        setTimeout(function () {
                            Swal.fire({ text: "Your selected address has been successfully deleted", icon: "success", confirmButtonText: "Ok", buttonsStyling: !1, customClass: { confirmButton: "btn btn-light-primary" } }).then((t) => {
                                n.closest('[data-kt-billing-element="address"]').remove();
                            });
                        }, 2e3));
                });
            });

            // end

            // init datatable for statments card
            $('#kt_customer_view_statement_tab_content table').DataTable({
                info:!1,
                order:[],
                pageLength:10,
                lengthChange:!1,
                columnDefs:[
                    {
                        // orderable:!1,
                        // targets:4
                    }
                ]
            });
            // end

            // sizies
            $('#sizes_table').DataTable({
                "info": false,
                'order': [],
                'pageLength': 10,
                'columnDefs': [
                    // { orderable: false, targets: 0 }, // Disable ordering on column 0 (checkbox)
                    { orderable: false, targets: 4 }, // Disable ordering on column 7 (actions)
                ]
            });
            //end
        })
    </script>
@endsection