@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.delegate_profile')</h3>
            <div class="card-toolbar">
                @include('pages.store_admin.delegates.sections._tabs',['itemId'=>$delegate->getKey()])
            </div>
        </div>
    </div>

    <div class="tab-content mb-7" id="myTabsContent">
        <div class="tab-pane fade show active" id="overview_tab" role="tabpanel">
            @include('pages.store_admin.delegates.sections.overview')
        </div>
        <div class="tab-pane fade " id="orders_tab" role="tabpanel">
            @include('pages.store_admin.delegates.sections.orders')
        </div>
    </div>




@endsection

@section('custom_js')

    <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