@section('page_script')
    <script type="text/javascript" src="{{ asset('assets/plugins/jstree/dist/jstree.min.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            is_superadmin = "{{ Auth::user()->hasRole('superadmin') ? 'yes' : 'no' }}";
            search_results_node_ids = [];
            $('body').append($('#editTreeNodeModal'));
            $('.selectbox').select2({
                dir: "rtl"
            });

            const total_members = '{{ $total_members }}';

            // adjust fiters 
            // fix search filters
            var menu_bottom_offset = $('.bar-inner').offset().top + $('.bar-inner').outerHeight();
            var grid_top = $('.familytree-view').offset().top;
            var grid_distance_from_menu = grid_top - menu_bottom_offset;
            var grid_padding_top = parseInt($('.familytree-view .grid-body').css('padding-top'));
            var grid_margin_bottom = parseInt($('.familytree-view').css('margin-bottom'));
            // For Split View
            if ($('.requests_header').length) {
                var header_width = $('.requests_header').outerWidth();
                var header_height = $('.requests_header').outerHeight();
                $('.requests_header').attr('style',
                    'padding: 15px 10px 5px; background: rgba(255,255,255,1); position: fixed; width: ' + (
                        header_width - 26) + 'px; z-index: 2;');
                $('#requests_container_top').css('margin-top', header_height - grid_padding_top);
                var request_type = $('input[name=request_type]:checked').val();
                if (request_type != 'all_requests') {
                    $('.request-container').addClass('hidden');
                    $('.request_type_' + request_type).removeClass('hidden');
                }
                updateRequestCounter(request_type);
                $('input[name=request_type]').on('change', function(e) {
                    var request_type = e.target.value;
                    if (request_type != 'all_requests') {
                        $('.request-container').addClass('hidden');
                        $('.request_type_' + request_type).removeClass('hidden');
                    } else {
                        $('.request-container').removeClass('hidden');
                    }
                    updateRequestCounter(request_type);
                });
            }

            // For Tree section
            $('.grid.familytree-view').css('margin-top', '-' + grid_distance_from_menu + 'px');
            var parent_width = $('#filters_container').outerWidth();
            $('#filters_container').attr('style',
                'padding: 15px 10px 5px; background: rgba(255,255,255,1); position: fixed; width: ' + (
                    parent_width - 26) + 'px;');
            var filters_height = $('#filters_container').outerHeight();
            $('#family_tree_element_top').css('margin-top', filters_height - grid_padding_top);
            scrollToPosition = grid_top + filters_height;
            // Hide the filters on page load
            $('#search_results_container').hide();

            var window_height = $(window).height();
            if ($('#split_view').length) {
                $('#split_view').css('height', window_height + grid_distance_from_menu - grid_top -
                    grid_margin_bottom);
                $('#split_view .left-tab').css('height', window_height - grid_top - grid_margin_bottom -
                    grid_padding_top);
                $('#split_view .right-tab').css('height', window_height - grid_top - grid_margin_bottom -
                    grid_padding_top);
            }

            // adjust tree legend
            adjustFiltersLayout();
            $(window).resize(function() {
                adjustFiltersLayout();
            });
            // JSTREE with preloaded data version
            $('#family_tree_element').jstree({
                "types": {
                    "default": {
                        "icon": "glyphicon glyphicon-flash"
                    },
                    "demo": {
                        "icon": "glyphicon glyphicon-ok"
                    }
                },
                'core': {
                    "check_callback": function(op, node, par, pos, more) {
                        if (more && more.dnd) {
                            return more.pos !== "i" && par.id == node.parent;
                        }
                        return true;
                    },
                    'data': {!! $tree_data !!}
                },
                "plugins": ["search", "contextmenu"],
                "dnd": {
                    check_while_dragging: true
                },
                "contextmenu": {
                    "items": function($node) {
                        return {
                            "Edit": {
                                'label': 'تحرير سريع',
                                'action': function(obj) {
                                    editTreeNode($node);
                                }
                            },
                            "View": {
                                "label": "صفحة الدليل",
                                "action": function(obj) {
                                    window.open('/admin/familymembers/' + $node.id + '/edit?q=Edit',
                                        '_blank');
                                }
                            },
                            "Create": {
                                'label': 'إضافة ذرية',
                                'action': function(obj) {
                                    if (is_superadmin == 'no' && $node.parents.length < 4) {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else {
                                        if ($node.original.gender != '0') {
                                            showInfoModal(
                                                'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده'
                                            );
                                        } else {
                                            $('#new_node_parent_id').val($node.id);
                                            $('#newTreeNodeModal').modal('show');
                                        }
                                    }
                                }
                            },
                            "Clear": {
                                'label': 'مسح المعلومات المسجلة',
                                'action': function(obj) {
                                    if ($node.original.registered == 'yes') {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else {
                                        showConfirmModal(
                                            'هل أنت متأكد من رغبتك في مسح معلومات الشخص الداخلية؟ (هاتف، الإقامة البريد الإلكتروني إلخ)',
                                            'clear_data');
                                    }
                                }
                            },
                            "Original": {
                                'label': 'إستمارة التسجيل',
                                'action': function(obj) {
                                    if ($node.original.ref_id == 0 || $node.original.ref_id ==
                                        undefined) {
                                        showInfoModal(
                                            'Selected Node doesn’t has any copied request');
                                    } else {
                                        window.open('/admin/familyappregisteration/' + $node
                                            .original
                                            .ref_id + '/by_request_id', '_blank');
                                    }
                                }
                            },
                            "ChangeFather": {
                                'label': 'تغيير الأب',
                                'action': function(obj) {
                                    if (is_superadmin == 'no' && $node.parents.length < 5) {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else {
                                        changeFather($node);
                                    }
                                }
                            },
                            "MoveUp": {
                                'label': 'تحريك للأعلى',
                                'action': function(obj) {
                                    if (is_superadmin == 'no' && $node.parents.length < 5) {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else {
                                        moveNode($node, 'up');
                                    }
                                }
                            },
                            "MoveDown": {
                                'label': 'تحريك للأسفل',
                                'action': function(obj) {
                                    if (is_superadmin == 'no' && $node.parents.length < 5) {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else {
                                        moveNode($node, 'down');
                                    }
                                }
                            },
                            "DeleteNode": {
                                'label': 'حذف',
                                'action': function(obj) {
                                    if (is_superadmin == 'no' && $node.parents.length < 5) {
                                        showInfoModal(
                                            'لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                                    } else if ($node.children.length > 0) {
                                        showInfoModal(
                                            'لا يمكنك حذف شخص لديه ذرية. يجب حذف الذرية أولاً');
                                    } else {
                                        showConfirmModal('هل أنت متأكد من الحذف؟', 'delete_node');
                                    }
                                }
                            }
                        };
                    }
                }
            });
            // Node move action process
            // .bind("move_node.jstree", function (e, data) {
            //     var parent = data.instance.get_node(data.parent)
            //     var children = parent.children
            //     // if target parent node is female then stop move operation
            //     if (data.parent != '#' && parent.original.gender == 1) {
            //       data.instance.move_node(data.node.id , data.old_parent, data.old_position);
            //       alert('You cannot move node to any female node!');
            //     }else{
            //       var postData = {
            //         id: data.node.id,
            //         parent_id: data.parent,
            //         children: children
            //       };
            //       $.post('{{ URL::route('admin.familytree.reorder') }}', postData, function(response){
            //         // console.log(response);
            //       });
            //     }
            // }); 
            // Handle tree filter form submission
            // Search V1.3
            $("#tree_filters").submit(function(e) {
                e.preventDefault();
                var id = $('#search_id').val().trim();
                var nodeID = $('#search_nodeID').val().trim();
                var name = $('#search_name').val().trim();
                var father_name = $('#search_father_name').val().trim();
                var grand_father_name = $('#search_grand_father_name').val().trim();
                var g_grand_father_name = $('#search_g_grand_father_name').val().trim();
                var next_g_grand_father_one = $('#search_next_g_grand_father_one').val().trim();
                var tree = $('#family_tree_element').jstree(true);
                tree.clear_search();
                search_results_node_ids = [];
                if (father_name != '' || grand_father_name != '' || name != '' || g_grand_father_name !=
                    '' || next_g_grand_father_one != '' || id != '' || nodeID != '') {
                    $('#progressbar').show();
                    $.post('{!! URL::route('admin.familytree.search') !!}', {
                        name: name,
                        father_name: father_name,
                        grand_father_name: grand_father_name,
                        g_grand_father_name: g_grand_father_name,
                        next_g_grand_father_one: next_g_grand_father_one,
                        id: id,
                        nodeID: nodeID
                    }, function(response) {
                        $(document).find('.jstree-search').removeClass('jstree-search');

                        $('#prev_search').addClass('disabled-link');

                        if (response.found == true) {
                            $.each(response.ids, function(index, id) {
                                var node_id = id + '_anchor';
                                var node = $(document).find('#' + node_id);
                                if (node.length) {
                                    $(document).find('#' + node_id).addClass(
                                        'jstree-search');
                                    search_results_node_ids.push(node_id);
                                }
                            });
                            if (search_results_node_ids.length > 0) {
                                var in_focus = $('#' + search_results_node_ids[0]);
                                in_focus.addClass('in_focus');
                                setSelectedNodeName(in_focus, tree);
                                // Scroll to in focus element
                                if ($('#split_view').length) {
                                    var parentDiv = $('#split_view .right-tab');
                                    var scrollPos = parentDiv.scrollTop() + in_focus.position()
                                        .top - parentDiv.height() / 2 + in_focus.height() / 2
                                    parentDiv.animate({
                                        scrollTop: scrollPos
                                    }, 1000);
                                } else {
                                    $('html, body').animate({
                                        scrollTop: (in_focus.offset().top -
                                            scrollToPosition - 50)
                                    }, 1000);
                                }
                            }
                            var search_results_count = search_results_node_ids.length;
                            if (search_results_count < 2) {
                                $('#next_search').addClass('disabled-link');
                            } else {
                                $('#next_search').removeClass('disabled-link');
                            }
                            $('#search_results').html('<span class="counter"> 1' + '/' +
                                search_results_count + '</span> العقد مطابقة يتم العثور على - ');
                            $('#search_results_container').show('slow');
                        } else {
                            $('.selected_node_name').text('');
                            $('#next_search').addClass('disabled-link');
                            $('#search_results').text('0/0 لم يعرض البحث أي سجل ');;
                            $('#search_results_container').show('slow');
                        }

                        $('#progressbar').hide();
                    });
                }

            });
            // clear tree search
            $('#clear_tree_search').click(function(e) {
                $(document).find('.jstree-search').removeClass('jstree-search');
                $('#search_id').val('');
                $('#search_nodeID').val('');
                $('#search_name').val('');
                $('#search_father_name').val('');
                $('#search_grand_father_name').val('');
                $('#search_g_grand_father_name').val('');
                $('#search_next_g_grand_father_one').val('');
                $('#search_results_container').hide('slow');
            });

            if ($('#split_view').length) {
                // Request Search V1.0
                $("#request_filters").submit(function(e) {
                    e.preventDefault();
                    searchRequests();
                });
                // On page reload apply search if there is any filter available in the input fields
                // searchRequests();
                $('#clear_requests_search').click(function(e) {
                    $('.hidden-by-search').removeClass('hidden-by-search');
                    $('#request_uni_id').val('');
                    $('#request_name').val('');
                    $('#request_father_name').val('');
                    $('#request_grand_father_name').val('');
                    $('#request_grand_father_name_1').val('');
                    $('#request_grand_father_name_2').val('');
                });

                $('.change-status').on('click', function(e) {
                    var status = $(this).data('status');
                    var url = $(this).data('url');
                    $.post(url, {
                        status: status
                    }, function(response) {
                        if (response.success) {
                            changeRequestStatus(response.data.id, response.data.status);
                        }
                    });
                });


                $('.request-container .copy-data').click(function(e) {
                    var id = $(this).data('id');
                    var url = $(this).data('url');
                    var name = $(this).data('name');
                    var gender = $(this).data('gender');
                    var tree = $('#family_tree_element').jstree(true);
                    var selected_nodes = tree.get_selected();
                    if (selected_nodes.length) {
                        var node = tree.get_node(selected_nodes[0]);
                        var modified = node.text.indexOf('*') > 0;
                        var node_name = node.text.replace('*', '').trim();
                        if (modified) {
                            showInfoModal('لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                        } else if (gender != node.original.gender) {
                            showInfoModal(
                                'لا يمكنك القيام بنسخ العلومات. جنس الشخص غير متطابق في الإستمارة والشجرة'
                            );
                        } else if (name != node_name) {
                            showCopyDataModal(
                                'نسخ المعلومات من الإستمارة يشمل أرقام الهاتف ومكان الإقامة. ملاحظة: الإسم الأول المراد نسخه من الإستمارة غير مطابق للإسم المحدد في الشجرة . هل تود الإستمرار؟',
                                id, url);
                        } else {
                            showCopyDataModal(
                                'نسخ المعلومات من الإستمارة يشمل أرقام الهاتف ومكان الإقامة. هل تود الإستمرار؟',
                                id, url);
                        }
                    } else {
                        showInfoModal('Please select a node in the tree!');
                    }
                });

                $('.copy-data-submit-btn').click(function(e) {
                    e.preventDefault();

                    var id = $(this).data('id');
                    var url = $(this).data('url');
                    console.log("id == ,", id);
                    console.log("url == ,", url);
                    var selected_nodes = $('#family_tree_element').jstree('get_selected');
                    var selected = selected_nodes[0];
                    var $node = $('#family_tree_element').jstree(true).get_node(selected);

                    if ($node && $node.original.registered === 'yes') {
                        showInfoModal('لا يمكنك تنفيذ هذا الطلب للشخص الذي قمت تحديده');
                        return;
                    }

                    $('#progressbar').show();

                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: {
                            id: id,
                            family_member_id: selected,
                            _token: $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            // $('#progressbar').hide();

                            if (response.success) {
                                const tree = $('#family_tree_element').jstree(true);
                                const parentNode = tree.get_node(response.parent_id);

                                if (parentNode) {
                                    const updated_name = parentNode.text.replace(' *', '') +
                                        ' *';
                                    tree.rename_node(parentNode.id, updated_name);

                                    $.each(response.new_children, function(index, child) {
                                        const newNode = {
                                            id: child.id,
                                            text: child.name + ' *',
                                            li_attr: {
                                                class: (child.gender == "1" ?
                                                    "male-color" :
                                                    "female-color")
                                            },
                                            state: {
                                                opened: true
                                            },
                                            icon: false,
                                            children: [],
                                            gender: child.gender
                                        };
                                        tree.create_node(parentNode.id, newNode,
                                            "last");
                                    });
                                }
                                location.reload();
                                // $('#copyDataModal').modal('hide');
                            } else {
                                console.error("Server responded with error:", response);
                                showInfoModal(response.error || 'حدث خطأ أثناء تنفيذ العملية.');
                            }
                        },
                        error: function(xhr, status, error) {
                            $('#progressbar').hide();
                            console.error("AJAX Error:", {
                                status: status,
                                error: error,
                                responseText: xhr.responseText
                            });
                            showInfoModal(
                                '⚠️ حدث خطأ أثناء إرسال الطلب. الرجاء المحاولة مرة أخرى.');
                        }
                    });
                });


            }
            // On new node form submission, send request to store in db and also add node to tree
            $('.new_node_name_required_label').hide();

            $('#new_node_submit_btn').on('click', function(event) {
                var formData = $('#new_node_form').serialize();
                var parent_id = $('#new_node_parent_id').val();
                if ($('#new_node_form')[0].checkValidity()) {
                    $('#progressbar').show();
                    $.post('{{ URL::route('familytree.store') }}', formData, function(response) {
                        $('.new_node_name_required_label').hide();
                        var alive_color = response.data.alive == '1' ? '-color' : '-dead-color';
                        var newNode = {
                            "id": response.data.id,
                            "text": response.data.name,
                            "li_attr": {
                                "class": (response.data.gender == "0" ? "male" + alive_color :
                                    "female" + alive_color)
                            },
                            "state": {
                                "opened": true
                            },
                            "icon": false,
                            "children": [],
                            "gender": response.data.gender
                        };
                        var parentNode = $('#family_tree_element').jstree(true).get_node(response
                            .data.parent_id);
                        $("#family_tree_element").jstree('create_node', parentNode.id, newNode,
                            "last", false, false);
                        $('#newTreeNodeModal').modal('hide');
                        $('#progressbar').hide();
                        $('#new_node_name').val('');
                    });
                } else {
                    $('.new_node_name_required_label').show();
                }
            });

            $('#next_search').click(function(e) {
                var in_focus = $('.in_focus');
                var clicked = $('.jstree-clicked');
                if (in_focus.length) {
                    scrollToNext(in_focus);
                } else if (clicked.length) {
                    scrollToNext(clicked);
                }
            });

            $('#prev_search').click(function(e) {
                var in_focus = $('.in_focus');
                var clicked = $('.jstree-clicked');
                if (in_focus.length) {
                    scrollToPrev(in_focus);
                } else if (clicked.length) {
                    scrollToPrev(clicked);
                }
            });


            $(document).on('change', '#edit_node_form input[name=mobile]', function(e) {
                $(this).next('.mobile-number-info').addClass('hidden');
            });
        });

        function changeRequestStatus(id, status) {
            var active_tab = $('input[name=request_type]:checked').val();
            var class_prefix = 'request_type_';
            var selector = $('.request-container#' + id);
            var new_status = class_prefix + status;
            // var old_status = selector.data('old_status');
            // $(selector).removeClass(class_prefix + old_status);
            $(selector).prop('class', "row request-container " + new_status);
            var icon = getRequestIcon(status);
            // If ALL tab is active then request should not be hidden and counter should not be updated
            if (active_tab == 'all_requests') {
                old_status = 'all_requests';
            } else {
                $(selector).addClass('hidden', 500);
            }
            // if status is set to demote then simply remove the element
            if (status == 'pending') {
                $(selector).remove();
            } else {
                $(selector).find('.request-controls .status i').prop('class', icon);
                var copy_action = $(selector).find('.request-controls .copy-data').parent();
                if (status == 'ready_for_review') {
                    copy_action.removeClass('hidden');
                    copy_action.next().removeClass('hidden');
                } else {
                    copy_action.addClass('hidden');
                    copy_action.next().addClass('hidden');
                }
                // Hide the current status action from context menu
                $(selector).find('.change-status').removeClass('hidden');
                $(selector).find('.change-status').next('.status-divider').removeClass('hidden');

                var current_action = $(selector).find('[data-status="' + status + '"]');
                current_action.addClass('hidden');
                current_action.next().addClass('hidden');
            }
            // Update the request counter
            updateRequestCounter(old_status);
        }

        function scrollToNext(in_focus, search_results) {
            var next = $('#' + adjacentIndex(in_focus[0].id, true));
            if (next.length) {
                var tree = $('#family_tree_element').jstree(true);
                in_focus.removeClass('in_focus');
                next.addClass('in_focus');
                setSelectedNodeName(next, tree);
                // If tree is in split view then scrolling should be done according to parent div which can scroll independently of page
                if ($('#split_view').length) {
                    var parentDiv = $('#split_view .right-tab');
                    var scrollPos = parentDiv.scrollTop() + next.position().top - parentDiv.height() / 2 + next.height() / 2
                    parentDiv.animate({
                        scrollTop: scrollPos
                    }, 1000);
                } else {
                    $('html, body').animate({
                        scrollTop: (next.offset().top - scrollToPosition - 50)
                    }, 1000);
                }
            }
        }

        function scrollToPrev(in_focus, search_results) {
            var prev = $('#' + adjacentIndex(in_focus[0].id, false));
            if (prev.length) {
                var tree = $('#family_tree_element').jstree(true);
                in_focus.removeClass('in_focus');
                prev.addClass('in_focus');
                setSelectedNodeName(prev, tree);
                if ($('#split_view').length) {
                    var parentDiv = $('#split_view .right-tab');
                    var scrollPos = parentDiv.scrollTop() + prev.position().top - parentDiv.height() / 2 + prev.height() / 2
                    parentDiv.animate({
                        scrollTop: scrollPos
                    }, 1000);
                } else {
                    $('html, body').animate({
                        scrollTop: (prev.offset().top - scrollToPosition - 50)
                    }, 1000);
                }
            }
        }

        function adjacentIndex(index, next) {
            var index = search_results_node_ids.indexOf(index);
            if (next) {
                index++;
                // check if there is no node after this then diable next button
                if (index + 1 >= search_results_node_ids.length) {
                    $('#next_search').addClass('disabled-link');
                }
                $('#prev_search').removeClass('disabled-link');
            } else {
                index--;
                // check if there is no node after this then diable next button
                if (index < 1) {
                    $('#prev_search').addClass('disabled-link');
                }
                $('#next_search').removeClass('disabled-link');
            }
            if (index >= search_results_node_ids.length)
                return -1;
            else if (index < 0)
                return -1;

            var counter = (index + 1) + '/' + search_results_node_ids.length;
            $('#search_results').find('.counter').text(counter);
            return search_results_node_ids[index];
        }

        function editTreeNode(node) {
            $('#progressbar').show();

            $.get('/admin/familytree/' + node.id + '/edit', function(response) {
                $('#editTreeNodeModal .modal-content').html(response);
                $('#editTreeNodeModal').modal('show');
                $('#progressbar').hide();
            });

        }

        function submitEditNodeForm(form) {

            var mobile = $(form).find('input[name=mobile]').val();
            var filter = /^\d{10,15}$/;
            if (mobile != '' && !filter.test(mobile)) {
                $(form).find('.mobile-number-info').removeClass('hidden');
                return false;
            }
            $('#progressbar').show();
            var action = $(form).attr('action');
            var formData = $(form).serialize();

            $.ajax({
                type: 'PUT',
                url: action,
                data: formData,
                success: function(response) {
                    if (response.changed == true) {
                        $("#family_tree_element").jstree('rename_node', response.data.id, response.data.name);
                        var html_node = $('#family_tree_element').find("[id='" + response.data.id + "']");
                        var alive_color = response.data.alive == '1' ? '-color' : '-dead-color';
                        if (response.data.gender == 0) {
                            $(html_node).removeClass('female-color');
                            $(html_node).removeClass('female-dead-color');
                            $(html_node).removeClass('male-dead-color');
                            $(html_node).removeClass('male-color');
                            $(html_node).addClass('male' + alive_color);
                        } else {
                            $(html_node).removeClass('female-color');
                            $(html_node).removeClass('female-dead-color');
                            $(html_node).removeClass('male-dead-color');
                            $(html_node).removeClass('male-color');
                            $(html_node).addClass('female' + alive_color);
                        }
                    } else {
                        // console.log('not changed!')
                    }
                    $('#editTreeNodeModal').modal('hide');
                    $('#progressbar').hide();
                }
            });
        }

        // Change father actions 

        function changeFather(node) {
            $('#progressbar').show();

            $.get('/admin/familytree/' + node.id + '/changefather', function(response) {
                $('#changeFatherModal .modal-content').html(response);
                $('#changeFatherModal').modal('show');
                $('#progressbar').hide();
            });

        }
        // Change father actions 

        function deleteNode() {
            var selected = $('#family_tree_element').jstree('get_selected');
            $('#progressbar').show();
            $.ajax({
                url: '/admin/familytree/' + selected[0],
                type: 'DELETE',
                success: function(response) {
                    if (response.success) {
                        $('#family_tree_element').jstree(true).delete_node(response.data.id);
                    } else {
                        showInfoModal('Something went wrong while deleting the node');
                    }
                    $('#progressbar').hide();
                }
            });
        }

        function submitChangeFatherForm(form) {
            var parent_id = $(form).find('select[name=parent_id]').select2().val();

            if (parent_id == '') {
                $(form).find('.select-father-info').removeClass('hidden');
                return false;
            }
            $('#progressbar').show();
            var action = $(form).attr('action');
            var formData = $(form).serialize();
            $.ajax({
                type: 'PUT',
                url: action,
                data: formData,
                success: function(response) {
                    if (response.changed == true) {
                        $("#family_tree_element").jstree('move_node', response.data.id, response.data
                            .parent_id == '' ? '#' : response.data.parent_id, 'last');
                        $("#family_tree_element").jstree('rename_node', response.data.id, response.data.name);
                        $('#changeFatherModal').modal('hide');
                        $('#progressbar').hide();
                        var html_node = $('#family_tree_element').find("[id='" + response.data.id + "']");
                        $('html, body').animate({
                            scrollTop: (html_node.offset().top - scrollToPosition - 50)
                        }, 2000);
                    } else {
                        // console.log('not changed!')
                    }
                    $('#editTreeNodeModal').modal('hide');
                    $('#progressbar').hide();
                }
            });
        }

        function moveNode(node, action) {
            var tree = $("#family_tree_element").jstree(true);
            var parent = tree.get_node(node.parent);
            var siblings = parent.children;
            var current_position = $.inArray(node.id, siblings);
            var new_position = current_position;
            if (action == 'up' && current_position == 0) {
                showInfoModal('الإسم المحدد في أعلى الترتيب حالياً');
            } else if (action == 'down' && current_position == (siblings.length - 1)) {
                showInfoModal('الإسم المحدد في أسفل الترتيب حالياً');
            } else {
                if (action == 'up') {
                    new_position = current_position - 1;
                    tree.move_node(node.id, siblings[new_position], 'before');
                } else {
                    new_position = current_position + 1;
                    tree.move_node(node.id, siblings[new_position], 'after');
                }
                var postData = {
                    id: node.id,
                    parent_id: node.parent,
                    children: parent.children
                };
                $.post('{{ URL::route('admin.familytree.reorder') }}', postData, function(response) {
                    // console.log(response);
                });
                // $("#family_tree_element").jstree('move_node', response.data.id , response.data.parent_id, 'last');
            }
        }

        function searchRequests() {
            var uni_id = $('#request_uni_id').val().trim();
            var name = $('#request_name').val().trim();
            var father_name = $('#request_father_name').val().trim();
            var grand_father_name = $('#request_grand_father_name').val().trim();
            var grand_father_name_1 = $('#request_grand_father_name_1').val().trim();
            var grand_father_name_2 = $('#request_grand_father_name_2').val().trim();

            if (father_name != '' || grand_father_name != '' || grand_father_name_1 != '' || grand_father_name_2 != '' ||
                name != '' || uni_id != '') {
                $('#progressbar').show();
                $.post('{!! URL::route('admin.familytree.request-search') !!}', {
                    uni_id: uni_id,
                    name: name,
                    father_name: father_name,
                    grand_father_name: grand_father_name,
                    grand_father_name_1: grand_father_name_1,
                    grand_father_name_2: grand_father_name_2
                }, function(response) {
                    if (response.found == true) {
                        var response_ids = [];
                        $.each(response.ids, function(index, id) {
                            response_ids.push(parseInt(id));
                        });
                        // Loop through all requests and add a search based class to hide those which are not found in search
                        // Then later on we can remove that class on clear search, hence also maintaining our implementation of different sections as well e.g on_hold requests would stay in on_hold section even if they are found 
                        $('.request-container').each(function(index, element) {
                            if (jQuery.inArray(parseInt(element.id), response_ids) == '-1') {
                                $(element).addClass('hidden-by-search');
                            }
                        });
                    }
                    $('#progressbar').hide();
                });
            }
        }

        function getRequestIcon(status) {
            switch (status) {
                case 'completed':
                    icon = 'fa fa-check green';
                    break;
                case 'on_hold':
                    icon = 'fa fa-times red';
                    break;
                default:
                    icon = 'fa fa-exclamation golden';
            }
            return icon;
        }

        function updateRequestCounter(request_type) {
            var requests_selector = request_type == 'all_requests' ? '.request-container' : '.request_type_' + request_type;
            $(document).find('.requests_counter .count').text($(requests_selector).length);
        }

        function clearNodeData() {
            var selected = $('#family_tree_element').jstree('get_selected');
            $.post('/admin/familytree/' + selected[0] + '/clear_data', {}, function(response) {
                if (response.success) {
                    var node = $('#family_tree_element').jstree(true).get_node(response.id);
                    var updated_name = node.text.replace(' *', '');
                    var html_node = $('#family_tree_element').find("[id='" + response.id + "']");
                    var old_class = html_node.attr('class');
                    $('#family_tree_element').jstree('rename_node', node.id, updated_name);
                    var html_node = $('#family_tree_element').find("[id='" + response.id + "']");
                    html_node.prop('class', old_class);
                    // showInfoModal('Data successfully cleared!')
                } else {
                    showInfoModal(response.error);
                }
            });
        }

        function setSelectedNodeName(in_focus, tree) {
            var node_id = in_focus.parent()[0].id;
            var node = tree.get_node(node_id);
            var name = node.text.replace('*', '').trim();
            if (parseInt(node.parent) > 0) {
                var father = tree.get_node(node.parent);
                name += ' ' + father.text.replace('*', '').trim();
                if (parseInt(father.parent) > 0) {
                    var gf = tree.get_node(father.parent);
                    name += ' ' + gf.text.replace('*', '').trim();
                    if (parseInt(gf.parent) > 0) {
                        var ggf = tree.get_node(gf.parent);
                        name += ' ' + ggf.text.replace('*', '').trim();
                        if (parseInt(ggf.parent) > 0) {
                            var gggf = tree.get_node(ggf.parent);
                            name += ' ' + gggf.text.replace('*', '').trim();
                        }
                    }
                }
            }

            $('.selected_node_name').text(name);

        }

        function showConfirmModal(message, source) {
            console.log('confirm message == ', message);
            $('#confirmModal .message-content').text(message);
            $('#confirmModal #request_source').val(source);
            $('#confirmModal').modal('show');
        }

        function handleConfirmOutput() {
            var source = $('#confirmModal #request_source').val();
            $('#confirmModal').modal('hide');
            if (source == 'delete_node') {
                deleteNode();
            } else if (source == 'clear_data') {
                clearNodeData();
            }
        }

        function showInfoModal(message) {
            console.log('modal message == ', message);
            $('#showInfoMessage .message-content').text(message);
            $('#showInfoMessage').modal('show');
        }

        function showCopyDataModal(message, id, url) {
            console.log('message == ', message);
            $('.copy-data-submit-btn').data('id', id);
            $('.copy-data-submit-btn').data('url', url);
            $('#copyDataModal .message-content').text(message);
            $('#copyDataModal').modal('show');
        }

        function adjustFiltersLayout() {
            // Legend distance from left
            var leg_left = $('#filters_container').position().left + 10;
            var leg_top = $('#family_tree_element').position().top;
            var scrollTop = $(window).scrollTop(),
                elementOffset = $('#family_tree_element').offset().top,
                distance = (elementOffset - scrollTop);
            $('.tree-legend').css('left', leg_left);
            $('.tree-legend').css('top', distance);
            $('.tree-legend').css('display', 'block');
        }
        $(document).on('click', '.send-notification', function(e) {
            e.preventDefault();

            const id = $(this).data('id');
            const url = `/admin/memberrequests/${id}/sendrequestnotification`; // Matches your POST route

            $('#progressbar').show();

            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content') // CSRF token
                },
                success: function(response) {
                    $('#progressbar').hide();

                    if (response.success) {
                        alert('✅ ' + (response.message || 'تم إرسال التنبيه بنجاح.'));
                    } else {
                        alert('❌ ' + (response.message || 'فشل في إرسال التنبيه.'));
                    }
                },
                error: function() {
                    $('#progressbar').hide();
                    alert('⚠️ حدث خطأ أثناء إرسال الطلب.');
                }
            });
        });

        $(document).on('click', '.change-status-completed', function(e) {
            e.preventDefault();

            const id = $(this).data('id');
            const status = $(this).data('status'); // ✅ Get status from data attribute
            const url = `/admin/memberrequests/${id}/changestatus`; // Matches your POST route

            $('#progressbar').show();

            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    status: status // ✅ Pass status to controller
                },
                success: function(response) {
                    // $('#progressbar').hide();
                    location.reload(); // or use a success toast
                },
                error: function() {
                    $('#progressbar').hide();
                    alert('⚠️ حدث خطأ أثناء إرسال الطلب.');
                }
            });
        });
        $(document).on('click', '.change-status-review', function(e) {
            e.preventDefault();

            const id = $(this).data('id');
            const status = $(this).data('status'); // ✅ Get status from data attribute
            const url = `/admin/memberrequests/${id}/changestatus`; // Matches your POST route

            $('#progressbar').show();

            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    status: status // ✅ Pass status to controller
                },
                success: function(response) {
                    // $('#progressbar').hide();
                    location.reload(); // or use a success toast
                },
                error: function() {
                    $('#progressbar').hide();
                    alert('⚠️ حدث خطأ أثناء إرسال الطلب.');
                }
            });
        });
    </script>
@endsection