@extends('admin.layout.master')
@section('title', 'Manage User')
@section('custom_style')
    <style>
        .open {
            right: 0 !important;
        }
        .form-check-input {
            flex: 0 0 auto;
        }
    </style>
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">{{ __('obs.user_list') }}</h4>
            <div class="col-6 d-flex justify-content-end" style="gap: 5px">
                @if (checkAuthPermission('admin.register_store'))
                    <button type="button" class="btn btn-warning" id="open_slide">{{ __('obs.add_user') }}</button>
                @endif
                @if (active_user() == 1)
                    <button type="button" class="btn btn-danger" onclick="logThemOut()">
                        <span class="fa fa-power"></span>{{ __('obs.force_logout') }}
                    </button>
                    <button type="button" class="btn btn-info" onclick="logThemOut(2)">
                        <span class="fa fa-power"></span>{{ __('obs.force_inactive') }}
                    </button>
                    <button type="button" class="btn btn-success" onclick="logThemOut(3)">
                        <span class="fa fa-power"></span>{{ __('obs.force_active') }}
                    </button>
                @endif
            </div>
        </div>

        <div class="card-body">
            <div class="row g-2 mb-3">
                <div class="col-lg-3 col-xl-3 col-md-3 col-sm-3 col-3">
                    <label>Name/Email</label>
                    <input type="text" class="form-control" id="name_email" name="name_email" />
                    <input type="hidden" id="role_id" name="role_id" />
                </div>

                <div class="col-lg-2 col-xl-2 col-md-2 col-sm-2 col-2">
                    <label>Department</label>
                    <select name="dept_id" class="form-select" style="width: 100%" id="dept_id">
                        <option value="">Choose One</option>
                        @foreach ($departments as $department)
                            <option value="{{ $department->id }}">{{ $department->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 col-xl-2 col-md-2 col-sm-2 col-2">
                    <label>Designation</label>
                    <select name="desig_id" class="form-select select_option" style="width: 100%" id="desig_id">
                        <option value="">Choose One</option>
                        @foreach ($designations as $designation)
                            <option value="{{ $designation->id }}">{{ $designation->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 col-xl-2 col-md-2 col-sm-2 col-2">
                    <label>Stores</label>
                    <select name="store_id" class="form-select select_2" style="width: 100%" id="store_id">
                        <option value="">Choose One</option>
                        @foreach ($stores as $store)
                            <option value="{{ $store->id }}">{{ $store->name_eng }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 col-xl-1 col-md-2 col-sm-2 col-2">
                    <label>Status</label>
                    <select name="status" class="form-select select_2" style="width: 100%" id="status">
                        <option value="">{{ __('obs.all') }}</option>
                        <option value="1" selected>{{ __('obs.active') }}</option>
                        <option value="0">{{ __('obs.inactive') }}</option>
                    </select>
                </div>

                <div class="col-2">
                    <label class="d-block">&nbsp;</label>
                    <button type="button" class="btn btn-primary" onclick="loadUserBasedOnRole($('#role_id').val())"
                        id="search">Search</button>
                </div>

            </div>
            <div id="print">
                <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" onclick="loadUserBasedOnRole()" id="pills-home-tab"
                            data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab"
                            aria-controls="pills-home" aria-selected="true">All</button>
                    </li>

                    @foreach ($admin_roles as $item)
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" onclick="loadUserBasedOnRole({{ $item->id }})"
                                id="pills-profile-tab{{ $item->id }}" data-bs-toggle="pill"
                                data-bs-target="#pills-profile{{ $item->id }}" type="button" role="tab"
                                aria-controls="pills-profile" aria-selected="false">{{ $item->name }}</button>
                        </li>
                    @endforeach
                </ul>
                <div class="tab-content" id="pills-tabContent">

                </div>
            </div>
        </div>
    </div>

    @include('admin.global.loader')
    @include('v2.admin.global.offcanvas', [
        'blade' => 'admin.user.user_form',
        'style' => 'style="width: 75%;"',
        'title' => __('obs.add') . ' ' . __('obs.user'),
    ])
    @include('admin.user.modal.permission_modal')
    @include('admin.user.modal.ledger_modal')
@endsection
@section('script')
    <script>
        let active_user = @json(active_user());
        let open_permission_less_store_wise_flag = false;

        warehouse_id = @json(current_warehouse());
        $('#apply_data_table').dataTable({
            "paging": false,
        });

        const select2ModalV1 = (cls, modal_name) => {
            $('.' + cls).select2({
                dropdownParent: $("#" + modal_name)
            });
        }

        $('#open_slide').on('click', function() {
            $("#slide_form").attr('action', "{{ route('admin.register_store') }}");
            nullAllField();
            currentCanvas.show();
            $('#warehouse_id').val([warehouse_id]).trigger('change');
        });

        const closeSlideModal = () => {
            $('#side_modal').removeClass('open');
        }

        const nullAllField = (data = null) => {
            select2ModalV1('select_2', 'slide_form');
            const getKey = (array, key) => array.map(a => a[key]);

            $('#edit_id').val(data ? data.id : '');
            $('#email').val(data ? data.email : '');
            $('#name').val(data ? data.name : '');
            $('#days_for_backdate_post').val(data ? data.days_for_backdate_post : 0);
            $('#days_for_postdate_post').val(data ? data.days_for_advancedate_post : 0);
            $('#report_backdate').val(data ? data.report_backdate : 0);
            $('#report_postdate').val(data ? data.report_postdate : 0);

            $('#landing_page').val(data ? data.landing_page : '').trigger('change');
            var lines = data ? data.active_lines.split(',') : [];
            $('#store_data_fetch').val(data ? data.store_data_fetch : 0).trigger('change');
            $('#group_line').val(lines).trigger('change');
            $('#cost_center_id').val(data ? getKey(data.costcenters, 'id') : '').trigger('change');
            $('.role_id').val(data ? getKey(data.roles, 'id') : '').trigger('change');
            $('#warehouse_id').val(data ? getKey(data.warehouses, 'id') : '').trigger('change');
            $('#party_id').val(data?.party_id).trigger('change');
            $('#department_id').val(data ? getKey(data.get_departments, 'id') : '').trigger('change');
            $('#designation_id').val(data ? getKey(data.get_designations, 'id') : '').trigger('change');
            if (data?.settings) {
                const settings = JSON.parse(data.settings);

                if (settings.permissions_add !== null && settings.permissions_add !== undefined) {
                    let split_per_add = settings.permissions_add.split(',');
                    $('#permissions_add').val(split_per_add).trigger('change');
                }
                if (settings.permissions_less !== null && settings.permissions_less !== undefined) {
                    let split_per_less = settings.permissions_less.split(',');
                    if(settings.permissions_less_store_wise !== null && settings.permissions_less_store_wise !== undefined && settings.permissions_less_store_wise != ''){

                        let less_store_wise = JSON.parse(settings.permissions_less_store_wise)
                        for (const storeId in less_store_wise) {
                            for (const permission of less_store_wise[storeId]) {
                                split_per_less.push(permission);
                            }
                        }
                    }
                    $('#permissions_less_select').val(split_per_less).trigger('change');
                }
                if(settings.permissions_less_store_wise !== null && settings.permissions_less_store_wise !== undefined){
                    $('#permissions_less_store_wise').val(settings.permissions_less_store_wise);
                }

            } else{
                $('#permissions_add').val([]).trigger('change');
                $('#permissions_less_select').val([]).trigger('change');
            }
            let accounts_settings = data && data.accounts_settings ? JSON.parse(data.accounts_settings) : null;
            console.log("accounts settings", accounts_settings);
            if(accounts_settings){
                $('#balance_setting').val(accounts_settings.balance_setting).trigger('change');
                ledger_access_ids = accounts_settings.ledger_access_ids ? JSON.parse(accounts_settings.ledger_access_ids) : [];
                ledger_restrict_ids = accounts_settings.ledger_restrict_ids ? JSON.parse(accounts_settings.ledger_restrict_ids) : [];
                updateLedgerAccessInfo();
            } else{
                $('#balance_setting').val(0).trigger('change');
                ledger_access_ids = [];
                ledger_restrict_ids = [];
                updateLedgerAccessInfo();
            }
            

        }
        const editusers = (data) => {
            // $("#editUser").modal("hide");
            $("#slide_form").attr('action', "{{ route('admin.register_update') }}");
            nullAllField(data);

            // $('#edit_id').val(data.id);
            // $('#email').val(data.email);
            // $('#name').val(data.name);
            // $('#days_for_backdate_post').val(data.days_for_backdate_post);
            // $('#days_for_postdate_post').val(data.days_for_advancedate_post);
            // $('#report_backdate').val(data.report_backdate);
            // $('#report_postdate').val(data.report_postdate);
            // $('#landing_page').val(data.landing_page).trigger('change');

            // var lines=data.active_lines.split(',');
            // const getKey = (array,key) => array.map(a => a[key]);
            // $('#group_line').val(lines).trigger('change');
            // $('#cost_center_id').val(getKey(data.costcenters,'id')).trigger('change');
            // $('#role_id').val(getKey(data.roles,'id')).trigger('change');
            // $('#warehouse_id').val(getKey(data.warehouses,'id')).trigger('change');
            // $('#side_modal').addClass('open');
            currentCanvas.show();
            // $('.select_2').select2();
        }

        function logThemOut(type=null) {
            var user_ids = [];
            $.each($("input[name='user_index']:checked"), function() {
                user_ids.push($(this).val());
            });
            if (user_ids.length > 0) {
                var url = "{{ route('admin.register_update') }}";
                let data_param = {
                    logout_ids: user_ids,
                    type:type
                }
                const makeReload = data => {
                    // location.reload();
                    loadUserBasedOnRole();
                }
                ajaxCall(url, 'POST', data_param, makeReload);
            } else {
                alert('Please Select USER TO LOG HIM OUT');
            }
        }

        function setAllChecked(elementBox) {
            if (elementBox.checked) {
                $('.user_index').prop("checked", true);
            } else {
                $('.user_index').prop("checked", false);
            }
        }

        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }
        
        function openPermissionModal(type = 'add') {
            open_permission_less_store_wise_flag = false;
            if(type == 'less'){
                $('#permission_less_store_wise_btn').show();
            } else{
                $('#permission_less_store_wise_btn').hide();
            }
            if (type == 'add') {
                loader('permission_add_btn', 'Preparing...', true);
                $('#modal_type').val(type);
                ajaxCall("{{ route('load_permission') }}", 'POST', {
                    'permission_add': $('#permissions_add').val(),
                }, function(data) {
                    $('#permissionModalBody').html(data['html']);
                    onLoadSubModule(data['selected_permissions']);
                    $("#permissionModal").modal("show");
                    $('#loader').hide();
                    loader('permission_add_btn', 'Assign permission', false);
                }, function(error) {
                    $('#loader').hide();
                    loader('permission_add_btn', 'Assign permission', false);
                });
                return;
            } else if (type == 'warehouse') {
                loader('warehouse_add_btn', 'Preparing...', true);
                $('#modal_type').val(type);
                const ware_ids = $('#warehouse_id').val();
        
                ajaxCallV2("{{ route('warehouse.list') }}", 'GET', {ware_ids: JSON.stringify(ware_ids)},
                    function(data) {
                        const buttons = `<button class="btn btn-primary btn-sm btn-block" onclick="saveUpdateWarehouse()">Add</button>
                            <button type="button" class="btn btn-secondary btn-sm btn-block" data-bs-dismiss="modal">Close</button>`;
        
                        $('#permissionModalLabel').html("Warehouse");
                        $('#permissionModalBody').html(data);
                        $('#permissionModal .modal-footer').html(buttons);
                        $('#loader').hide();
                        $("#permissionModal").modal("show");
                        loader('warehouse_add_btn', 'Add', false);
                    },
                    function(error) {
                        $('#loader').hide();
                        loader('warehouse_add_btn', 'Add', false);
                    })
                return;
            } else if(type == 'less_store_wise'){
                loader('permission_less_btn_store_wise', 'Preparing...', true);
                $('#modal_type').val(type);
                ajaxCall("{{ route('load.less_permission_store_wise') }}", 'POST', {
                    'permission_less': $('#permissions_less_select').val(),
                    'warehouse_id': $('#warehouse_id').val(),
                }, function(data) {
                    $('#permissionModalBody').html(data['html']);
                    $("#permissionModal").modal("show");
                    $('#loader').hide();
                    loader('permission_less_btn_store_wise', 'Store Wise', false);
                    setStoreWisePermission();
                }, function(error) {
                    $('#loader').hide();
                    loader('permission_less_btn_store_wise', 'Store Wise', false);
                });
                return;
            }
        
            loader('permission_less_btn', 'Preparing...', true);
            $('#modal_type').val(type);
        
            ajaxCall("{{ route('load.existed_permission') }}", 'POST', {
                'admin_id': $('#edit_id').val(),
                'roles': $('.form_role_id').val(), // there are multiple #role_id. I don't who created this and why.
                'permission_less': $('#permissions_less_select').val(),
            }, function(data) {
                $('#permissionModalBody').html(data['html']);
                onLoadSubModule(data['selected_permissions']);
                $("#permissionModal").modal("show");
                $('#loader').hide();
                loader('permission_less_btn', 'Less Permission', false);
            }, function(error) {
                $('#loader').hide();
                loader('permission_less_btn', 'Less Permission', false);
            });
        }
        
        async function onLoadSubModule(selected_permissions = []) {
            const modules = document.querySelectorAll('.modules');
            for (const checkbox of modules) {
                if (checkbox.checked) {
                    const code = checkbox.getAttribute('data-code');
                    await sub_module_change(checkbox, code);
                }
            }
        
            const routes = document.querySelectorAll('.routes_cls');
        
            for (const checkbox of routes) {
                if (selected_permissions.includes(Number(checkbox.value))) {
                    checkbox.checked = true;
                }
            }
        }
    </script>

    {{-- Permissions --}}
    <script>
        function set_tbl_col_head(e, type) {
            if (e.checked) {
                $('.warehouse_check').prop("checked", true);
                $('.store_check').prop("checked", true);
            } else {
                $('.warehouse_check').prop("checked", false);
                $('.store_check').prop("checked", false);
            }
        }

        function row_select_store(e, id) {
            if (e.checked) {
                $(`.store_check_${id}`).prop("checked", true);
            } else {
                $(`.store_check_${id}`).prop("checked", false);
            }
        }

        function saveUpdateWarehouse() {
            const warehouse_ids = [];

            $('.warehouse_check, .store_check').each(function(el) {
                if (this.checked) {
                    warehouse_ids.push(this.value);
                }
            })

            $('#warehouse_id').val(warehouse_ids).trigger('change');
        }
    </script>

    <script>
        let submodule_data = @json(getMenuGroup());
        let child_permissions = @json($child_parmissions);
        let same_permission = [];

        function row_head(t, rn) {
            if (t.checked) {
                $('.' + rn).prop("checked", true);
            } else {
                $('.' + rn).prop("checked", false);
            }

        }

        function report_row_head(t, rn) {
            if (t.checked) {
                $('.' + rn).prop("checked", true);
            } else {
                $('.' + rn).prop("checked", false);
            }

        }

        function column_head(t, cn) {
            if (t.checked) {
                $('.vh' + cn).prop("checked", true);
            } else {
                $('.vh' + cn).prop("checked", false);
            }

        }
        const getPermissionDataFromBackUp = (id, type) => {
            Swal.fire({
                icon: 'warning',
                title: 'Sync Permission',
                html: 'Are You Sure?',
                showConfirmButton: true,
                showDenyButton: true,
                position: 'center',
                timer: null,
            }).then((res) => {
                if (res.isConfirmed) {
                    const setReloadtHtml = data => {
                        Swal.fire((data == 1 ? 'successful' : data), '', 'success');
                        $('#loader').hide();
                    }
                    let int_data_param = {
                        id: id,
                        type: type
                    };
                    ajaxCall("{{ route('default.sync_with_backup') }}", 'GET', int_data_param, setReloadtHtml);
                }
            });
        }

        function same_group_task(t, id) {
            var childs = child_permissions;
            if (childs.length) {
                for (let index = 0; index < childs.length; index++) {
                    if (childs[index].parent_id == id) {
                        if (t.checked) {
                            same_permission.push(childs[index].id);
                        } else {
                            same_permission.splice(same_permission.indexOf(childs[index].id), 1);
                        }
                    }
                }
                $('#auto_asigned_permission_ids').val(same_permission);
            }
        }

        function report_column_head(t, cn) {
            if (t.checked) {
                $('.report_permission').prop("checked", true);
            } else {
                $('.report_permission').prop("checked", false);
            }

        }

        function allGroupSelect(t) {
            if (t.checked) {
                $('.vh').prop("checked", true);
            } else {
                $('.vh').prop("checked", false);
            }
        }

        function module_change(t, n) {
            alert(n)
        }

        var permissionData = [];
        async function sub_module_change(t, n) {
            if (t.checked) {
                return new Promise((resolve, reject) => {
                    $.ajax({
                        type: "POST",
                        url: "{{ route('default.permission_by_submodule') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            sub_module_id: n,
                        },
                        success: function(permission_groups) {
                            var returnTr = `<tr id="module_1_sub_1" class="tr` + n +
                                `"><th colspan="7" class="text-white text-center" style="background: var(--cl-primary) !important;">` +
                                submodule_data[n] + `</th></tr>`;
                            var returnReportTr = `<tr id="module_1_sub_1" class="trr` + n +
                                `"><th colspan="2" class="text-white text-center" style="background: var(--cl-primary) !important;">` +
                                submodule_data[n] + `</th></tr>`;
                            for (let i = 0; i < permission_groups.length; i++) {
                                let g_name = permission_groups[i][0].group_name.replace(/ /g, "_");
                                let g_title = permission_groups[i][0].group_name;
                                permissionData.push({ group_id: n, name: g_title.toLowerCase() });
                                returnTr += `<tr id="module_1_sub_1" class="tr` + n + ` ${g_title}">
                                           <td>
                                              <div class="sp-label d-flex mb-2">
                                                <input type="checkbox" id="` + g_name +
                                    `" class="form-check-input mt-0 vh" onchange="row_head(this,'` +
                                    g_name + `')" >
                                                <label for="` + g_name + `" class="mx-1"> ` + capitalize(g_title) + `</label>
                                              </div>
                                           </td>`;

                                var task0 = [];
                                var task1 = [];
                                var task2 = [];
                                var task3 = [];
                                var task4 = [];
                                var task5 = [];
                                var task7 = [];
                                var permissions = permission_groups[i];
                                for (let index = 0; index < permissions.length; index++) {
                                    if (permissions[index].task == 0) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task0.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 1) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task1.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 2) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task2.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 3) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task3.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 4) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task4.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 5) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task5.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                    if (permissions[index].task == 7) {
                                        var id = permissions[index].id;
                                        var group_name = permissions[index].group_name;
                                        var task_no = permissions[index].task;
                                        var name = permissions[index].name;
                                        task7.push({
                                            'id': id,
                                            'group_name': group_name,
                                            'task_no': task_no,
                                            'name': name
                                        });
                                    }
                                }
                                let totalTask = [task0, task1, task2, task3, task4, task5];

                                for (let p = 0; p < totalTask.length; p++) {
                                    returnTr += `<td>`;
                                    var singletask = totalTask[p];
                                    for (let q = 0; q < singletask.length; q++) {
                                        returnTr += `<div class="col-12 d-flex px-0 sp-label text-left mb-2">
                                                                    <input type="checkbox" id="` + singletask[q].id +
                                            `" class="routes_cls form-check-input mt-0 vh vh` + p + ` ` +
                                            singletask[q].group_name
                                            .replace(/ /g, "_") +
                                            `" name="asigned_permission[]" value="` +
                                            singletask[q].id +
                                            `" onchange="same_group_task(this,'` + singletask[q]
                                            .id + `')" >
                                                                    <label for="` + singletask[q].id +
                                            `" class="mx-1"> ` +
                                            capitalize(singletask[q].name) + `</label>
                                                                  </div>`;
                                    }
                                    returnTr += `</td>`;
                                }

                                returnTr += `</tr>`;
                                if (task7.length > 0) {
                                    returnReportTr += `<tr id="module_1_sub_1" class="trr` + n + `">
                                                                <td style="width: 20%">
                                                                  <div class="d-flex sp-label mb-2">
                                                                    <input type="checkbox" id="report_` +
                                        permission_groups[i][0].group_name.replace(/ /g, "_") +
                                        `" class="form-check-input mt-0 vh" onchange="report_row_head(this,'report_` +
                                        permission_groups[i][0].group_name + `')" >
                                                                    <label for="report_` + permission_groups[i][0]
                                        .group_name.replace(/ /g, "_") + `" class="mx-1"> ` +
                                        capitalize(
                                            permission_groups[i][0].group_name) + `</label>
                                                                  </div>
                                                                </td>`;
                                    returnReportTr += `<td>`;
                                    var singletask = task7;
                                    for (let q = 0; q < singletask.length; q++) {
                                        returnReportTr += `<div class="col-12 px-0 sp-label text-left mb-2">
                                                                        <input type="checkbox" id="` + singletask[q]
                                            .id +
                                            `" class="form-check-input mt-0 vh report_` + singletask[q]
                                            .group_name +
                                            ` report_permission" name="asigned_permission[]" value="` +
                                            singletask[
                                                q].id + `">
                                                                        <label for="` + singletask[q].id +
                                            `" class="mx-1"> ` + capitalize(singletask[q].name) + `</label>
                                                                      </div>`;
                                    }
                                    returnReportTr += `</td></tr>`;
                                }
                            }

                            console.log(t,n,permission_groups);

                            $('#tbody').prepend(returnTr);
                            $('#tbody_report').prepend(returnReportTr);
                            resolve(permission_groups);
                        },
                        error: function(error) {
                            reject(error);
                        },
                    });
                });
            } else {
                $('.tr' + n).remove();
                $('.trr' + n).remove();
                permissionData = permissionData.filter(el => n != el.group_id);
            }
        }

        function filterPermission(event) {
            const {value} = event.target;
            const query = value.trim().toLowerCase();

            permissionData.forEach((permission) => {
                permission.name.includes(query) ?  $(`#permission_data tr.tr${permission.group_id}.${permission.name}`).show() : $(`#permission_data tr.tr${permission.group_id}.${permission.name}`).hide();
            })
        }

        $(document).on('click', '.tree label', function(e) {
            $(this).parent().find('ul').slideToggle();
            e.stopPropagation();
        });

        $(document).on('change', '.tree input[type=checkbox]', function(e) {
            $(this).siblings('ul').find("input[type='checkbox']").prop('checked', this.checked);
            $(this).parentsUntil('.tree').children("input[type='checkbox']").prop('checked', this.checked);
            e.stopPropagation();
        });

        $(document).on('click', 'button', function(e) {
            switch ($(this).text()) {
                case 'Collepsed':
                    $('.tree ul').fadeOut();
                    break;
                case 'Expanded':
                    $('.tree ul').fadeIn();
                    break;
                case 'Checked All':
                    $(".tree input[type='checkbox']").prop('checked', true);
                    break;
                case 'Unchek All':
                    $(".tree input[type='checkbox']").prop('checked', false);
                    break;
                default:
            }
        });
    </script>

    <script>
        $(document).ready(function(e) {
            $('.select_option').select2();
            $('#permission_add_form').on('submit', (function(e) {
                e.preventDefault();
                let formData = new FormData(this);

                if($('#modal_type').val() == 'less_store_wise') {
                    saveStoreWisePermission('less', formData);
                    $('#permissionModal').modal('hide');
                    return;
                }

                $.ajax({
                    type: 'POST',
                    url: $(this).attr('action'),
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    beforeSend: function() {
                        loader('permission_prepare', 'Preparing...', true);
                    },
                    success: function(data) {
                        let modalType = $('#modal_type').val();

                        if (modalType == 'add') {
                            $('#permissions_add').val(data).trigger('change');
                        }

                        if (modalType == 'less') {
                            $('#permissions_less_select').val(data).trigger('change');
                            if(open_permission_less_store_wise_flag){
                                openPermissionModal('less_store_wise');
                                open_permission_less_store_wise_flag = false;
                            }
                        }

                        $('#permissionModal').modal('hide');
                        loader('permission_prepare', 'Done', false);
                    },
                    error: function(error) {
                        if (error.status == 422) {
                            let object = error.responseJSON.errors,
                                result = Object.keys(object).reduce(function(r, k) {
                                    return r.concat(object[k] + '<br>');
                                }, []);
                            result = result.join("");
                            callSweetAlert('error', 'Opps!', result);
                        } else if (error.status == 421) {
                            callSweetAlert('error', 'Opps!', error.responseJSON.message);
                        } else {
                            callSweetAlert('error',
                                '<p class="text-danger">Something Went Wrong..!!!!</p>');
                        }
                        loader('permission_prepare', 'Done', false);
                    }
                });
            }));

            $('#slide_form').on('submit', (function(e) {
                e.preventDefault();
                let formData = new FormData(this);
                let buttonText = document.getElementById('register_submit').innerText;

                $.ajax({
                    type: 'POST',
                    url: $(this).attr('action'),
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    beforeSend: function() {
                        loader('register_submit', 'Preparing...');
                    },
                    success: function(data) {
                        loadUserBasedOnRole();
                        callSweetAlert('success', data.message, '');
                        loader('register_submit', buttonText, false);
                    },
                    error: function(error) {
                        loader('register_submit', buttonText, false);
                        if (error.status == 422) {
                            let object = error.responseJSON.errors,
                                result = Object.keys(object).reduce(function(r, k) {
                                    return r.concat(object[k] + '<br>');
                                }, []);
                            result = result.join("");
                            callSweetAlert('error', 'Opps!', result);
                        } else if (error.status == 421) {
                            callSweetAlert('error', 'Opps!', error.responseJSON.message);
                        } else {
                            callSweetAlert('error',
                                '<p class="text-danger">Something Went Wrong..!!!!</p>');
                        }
                    }
                });
            }));
        });
    </script>
    <script>
        async function loadUserBasedOnRole(role_id = null) {
            $('#role_id').val(role_id)
            return new Promise((resolve, reject) => {
                ajaxCall("{{ route('load_user_by_role') }}", 'POST', {
                    role_id: $('#role_id').val(),
                    name: $('#name_email').val(),
                    store_id: $('#store_id').val(),
                    department_id: $('#dept_id').val(),
                    designation_id: $('#desig_id').val(),
                    status: $('#status').val(),
                }, function(data) {
                    $('#pills-tabContent').html(data['html']);
                    $('#loader').hide();
                    resolve(data);
                }, function(error) {
                    reject(error);
                })
            });
        }

        function updateStatus(id = null, status = null) {
            if(!confirm('Are you sure to change status?')) return;
            ajaxCall("{{ route('admin.register_update_status') }}", "POST", {
                id: id,
                status: status
            }, function(response) {
                loadUserBasedOnRole($('#role_id').val());
                $('#loader').hide();
                callSweetAlert('success', response.message);
            }, function(error) {
                $('#loader').hide();
            });
        }

        $(document).ready(function() {
            $(document).on('change', '.check_all_permission_less_store_wise', function() {
                let is_checked = $(this).is(':checked');
                let store_id = $(this).attr('data-id');
                $(`.permission_less_store_wise[data-store-id=${store_id}]`).prop('checked', is_checked);
            });
            $('#permission_less_store_wise_btn').on('click', function() {
                open_permission_less_store_wise_flag = true;
                $('#permission_prepare').click();
            });
        });

        function saveStoreWisePermission(type) {
            const storeWisePermission = {};
            $('.permission_less_store_wise:checked').each(function () {
                const storeId   = $(this).data('store-id');
                const permission = $(this).data('permission');
                (storeWisePermission[storeId] = storeWisePermission[storeId] || []).push(permission);
            });
            $('#permissions_less_store_wise').val(JSON.stringify(storeWisePermission));
        }
        function setStoreWisePermission() {
            let storeWisePermission = {};
            if($('#permissions_less_store_wise').val()){
                storeWisePermission = JSON.parse($('#permissions_less_store_wise').val());
            }
            $('.permission_less_store_wise').prop('checked', false);
            for (const storeId in storeWisePermission) {
                for (const permission of storeWisePermission[storeId]) {
                    $(`.permission_less_store_wise[data-store-id="${storeId}"][data-permission="${permission}"]`).prop('checked', true);
                }
            }
        }
    </script>

    {{-- Ledger Access --}}
    <script>
        let ledger_fetched = false;
        let ledger_access_ids = [];
        let ledger_restrict_ids = [];
        let all_ledgers = [];
        let current_ledger_access_restriction_type = null;
        const openLedgerModal = (type) => {
            current_ledger_access_restriction_type = type;
            if(type == 1){
                $('#ledgerModalLabel').html('Ledgers Access');
            } else {
                $('#ledgerModalLabel').html('Ledgers Restrict');
            }
            if(ledger_fetched){
                $('#ledgerModal').modal('show');
                resetLedgerAccess();
            } else {
                ajaxCallV2("{{ route('accounts_settings.ledger_search') }}", 'GET', { search_type: 'all_ledgers_current_warehouse_and_all_store_with_access' }, function(response) {
                    $('#loader').hide();
                    all_ledgers = response;
                    let body = '';
                    let pd_l = 0;
                    response.forEach((ledger) => {
                        pd_l = ledger.auto_code.length > 0 ? (ledger.auto_code.length - 2)*5 : '';
                        body += `<tr class="${ledger.type == 1 ? 'fw-bold' : ''}">
                            <td>
                                <input type="checkbox" class="ledger_access" name="ledger_access" value="${ledger.id}" id="ledger_access_${ledger.id}" data-auto_code="${ledger.auto_code}" onclick="checkLedgerAccess(this)">
                            </td>
                            <td style="padding-left: ${pd_l}px;">${ledger.auto_code}</td>
                            <td style="padding-left: ${pd_l}px;">${ledger.name} ${active_user == 1 ? `(${ledger.id})` : ''}</td>
                        </tr>`;
                    });
                    let html = `<table class="table table-bordered cl-table">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Auto Code</th>
                                <th>Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            ${body}
                        </tbody>
                    </table>`;
                    $('#ledgerModalBody').html(html);
                    resetLedgerAccess();
                    ledger_fetched = true;
                    $('#ledgerModal').modal('show');
                });
            }
        }
        const checkLedgerAccess = (el) => {
            let $el = $(el);
            let checked = $el.is(':checked');
            let auto_code = ($el.data('auto_code') || '').toString().trim();
            updateCheckedBoxes(auto_code, checked);
        };
        const updateCheckedBoxes = (auto_code, checked) => {
            $('.ledger_access').each(function () {
                let itemAutoCode = ($(this).data('auto_code') || '').toString().trim();
                if (itemAutoCode.startsWith(auto_code)) {
                    $(this).prop('checked', false).prop('disabled', checked);
                }
            });
            $(`.ledger_access[data-auto_code="${auto_code}"]`).prop('disabled', false).prop('checked', checked);
        };
        const resetLedgerAccess = () => {
            $('.ledger_access').prop('checked', false).prop('disabled', false);
            let update_ledger = current_ledger_access_restriction_type == 1 ? ledger_access_ids : ledger_restrict_ids;
            let auto_codes = all_ledgers.map((ledger) => {
                return update_ledger.includes(ledger.id.toString()) ? ledger.auto_code : false;
            });
            auto_codes = auto_codes.filter((auto_code) => auto_code !== false);
            auto_codes.forEach((auto_code) => {
                updateCheckedBoxes(auto_code, true);
            });
        }
        const saveLedgerAccess = () => {
            let ledger_selected_ids = [];
            $('.ledger_access:checked').each(function () {
                ledger_selected_ids.push($(this).val());
            });
            if(current_ledger_access_restriction_type == 1){
                ledger_access_ids = ledger_selected_ids;
            } else {
                ledger_restrict_ids = ledger_selected_ids;
            }
            updateLedgerAccessInfo();
            $('#ledgerModal').modal('hide');
        }
        const updateLedgerAccessInfo = () => {
            $('#ledger_access_count').html(`(${ledger_access_ids.length})`);
            $('#ledger_restrict_count').html(`(${ledger_restrict_ids.length})`);
            $('#ledger_access_ids').val(JSON.stringify(ledger_access_ids));
            $('#ledger_restrict_ids').val(JSON.stringify(ledger_restrict_ids));
        }
    </script>

@endsection