@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 class="card-body">--}}
            {{----}}
        {{--</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.customers.sections.overview')
        </div>

        <div class="tab-pane fade " id="wallet_tab" role="tabpanel">
            @include('pages.store_admin.customers.sections.wallet')
        </div>

        <div class="tab-pane fade " id="orders_tab" role="tabpanel">
            @include('pages.store_admin.customers.sections.orders')
        </div>
        <div class="tab-pane fade " id="address_tab" role="tabpanel">
            @include('pages.store_admin.customers.sections.addresses')
        </div>
        <div class="tab-pane fade " id="sizes_tab" role="tabpanel">
            @include('pages.store_admin.customers.sections.sizes')
        </div>

    </div>




@endsection

@section('custom_js')
    <script>
        function updateUserGroup(id='',type='') {
            $.get('{{ route('admin.customers.update_user_group') }}'+'?id='+id+'&type='+type, function (data) {
                let modal = $('#form-modal');
                modal.find('.modal-dialog').removeClass('modal-lg');
                modal.find('.modal-title').html(data.title);
                modal.find('.modal-body').html(data.page);
                const modalSubmitButton = document.getElementById('update_group_modal_submit');

                let modalForm = $('#form-modal form');
                modalForm.submit(function(e) {
                    e.preventDefault();
                }).validate({
                    rules: {
                        // group: {
                        //     required: true
                        // }
                    },
                    submitHandler: function (form) {
                        modalSubmitButton.setAttribute('data-kt-indicator', 'on');
                        // Disable submit button whilst loading
                        modalSubmitButton.disabled = true;
                        const data = new FormData($(form)[0]);
                        const action = $(form).attr('action');

                        $.ajax({
                            url: action,
                            type: "POST",
                            data: data,
                            contentType: false,
                            processData: false,
                            success: function (data) {
                                if (data.status === 0) {
                                    // Enable submit button after loading
                                    modalSubmitButton.setAttribute('data-kt-indicator', 'off');
                                    modalSubmitButton.disabled = false;
                                    if(data.errors && data.errors.length > 0){
                                        var errors = data.errors;
                                        for(var error = 0;error < errors.length; error++){
                                            var input_name = errors[error].input_name;
                                            var input_error = errors[error].errors;
                                            // console.log(input_name,input_error);
                                            $('#'+input_name+'_error').html(input_error).show();

                                        }
                                    }

                                }else if (data.success) {
                                    if(data.user_groups_text){
                                        $('.user_groups_text').text(data.user_groups_text);
                                    }


                                    // $(form).find("input[type=text],input[type=file],textarea").val("");
                                    // $(form).validate().resetForm();
                                    // $(form).find('form-group').removeClass('has-error');
                                    // $(form).find('fv-row').removeClass('has-error');
                                    // toastr.success(data.message, {timeOut: 5000});
                                    // setTimeout(function () {
                                    //     location.reload();
                                    // },2500)
                                    // setTimeout(function () {
                                    modalSubmitButton.removeAttribute('data-kt-indicator');
                                    modal.modal('hide');

                                    Swal.fire({
                                        text: "تمت عملية الاضافة بنجاح!",
                                        icon: "success",
                                        buttonsStyling: false,
                                        confirmButtonText: "تم!",
                                        customClass: {
                                            confirmButton: "btn btn-primary"
                                        }
                                    }).then(function (result) {
                                        if (result.isConfirmed) {
                                            // Enable submit button after loading
                                            modalSubmitButton.setAttribute('data-kt-indicator', 'off');
                                            modalSubmitButton.disabled = false;

                                            // Redirect to customers list page
                                            // window.location = form.getAttribute("data-kt-redirect");
                                            // setTimeout(function () {
                                            //     location.reload();
                                            // },2500)

                                        }
                                    });
                                    // }, 2000);
                                } else {
                                    // validationErrors(data.errors);
                                }
                            },
                            error: function (danger) {
                                console.log(danger);
                            }
                        });
                    }
                });

                modal.modal('show');

                $(document).on('change','[name="new_group"]',function (e) {
                    if($(this).is(':checked')){
                        modal.find('#new_group_title').slideDown();
                        modal.find('#select_group_field').slideUp();
                    }else{
                        modal.find('#select_group_field').slideDown();
                        modal.find('#new_group_title').slideUp();
                    }
                })

            });
        }
        $(document).ready(function () {
            $('.update_status_btn').on('click', function () {


                var url = $(this).data('url');
                var status = $(this).attr('data-status');
                var token = $(this).data('token');
                var id = $(this).data(id);
                var body = {
                    _token: token,
                    id: id,
                    status: status,
                };
                // if(status && status.length > 0){
                //     Object.assign(body, {status: status});
                // }
                swal.fire(
                    {
                        title: "هل انت متأكد ؟",
                        text: "هل تريد بالتأكيد تنفيذ العملية؟",
                        icon: "warning",
                        showCancelButton: 1,
                        confirmButtonText: "نعم , قم بالعملية !",
                        cancelButtonText: "لا, الغي العملية !",
                        reverseButtons: 1
                    }).then(function (e) {
                    if (e.value) {
                        $.post( url, body, function (data) {
                            if (data.done == 1) {
                                swal.fire({
                                    title: 'تم القيام بالعملية بنجاح',
                                    text: 'جاري تحديث الصفحة..يرجى الانتظار',
                                    icon: 'success',
                                    timer: 2000,
                                    showConfirmButton: false
                                }).then(function () {
                                    location.reload(true)
                                });
                            } else if (data.msg) {
                                swal.fire({
                                    title: data.short_msg,
                                    text: data.msg,
                                    icon: "info",
                                    confirmButtonText: "تم !",

                                });
                            }
                        });
                    } else {
                        e.dismiss && swal.fire({
                            title: "تم الالغاء",
                            text: "لم يتم عمل اي تغيير",
                            icon: "info",
                            confirmButtonText: "تم !",
                        });
                    }
                });
            });
        })
    </script>
    {{--<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