odoo.define('code_backend_theme.SidebarMenu', function (require) {
    "use strict";
    //鼠标点击侧边导航栏，对应的导航选项卡的显隐
    //     console.log($('.d-block').css())
    $(document).on("click", '.sidebar_menu li', function (event) {
        var aA = $(this).children('.d-md-flex').children()
        var aLi = $(this).parent().children()
        for (var i = 0; i < aLi.length; i++) {
            $(aLi[i]).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
            var every_aA = $(aLi[i]).children('.d-md-flex').children()
            for (var j = 0; j < every_aA.length; j++) {
                $(every_aA[j]).css({'display': 'none'})
            }
        }
        if ($(this).children('.d-md-flex').css('visibility') == 'hidden') {
            for (var i = 0; i < aA.length; i++) {
                $(aA[i]).css({'display': 'block'})
            }
            $(this).children('.d-md-flex').css({
                'visibility': 'visible', 'height': `auto`,
            })
        } else {
            $(this).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
            for (var i = 0; i < aA.length; i++) {
                $(aA[i]).css({'display': 'none'})
            }
        }
    })

    // $(document).on("mouseover", '.sidebar_menu li', function (event) {
    //     $('.sidebar_menu li').off()
    //     $(this).css({'background-color': '#fff !important'})
    // })
    // $(document).on("mouseleave", '.sidebar_menu li', function (event) {
    //     $(this).css({'background-color': '#ccc !important'})
    // })
    //sidebar toggle effect
    $(document).on("click", "#closeSidebar", function (event) {
        $("#closeSidebar").hide();
        $("#openSidebar").show();
    });
    $(document).on("click", "#openSidebar", function (event) {
        $("#openSidebar").hide();
        $("#closeSidebar").show();
    });
    $(document).on("click", "#openSidebar", function (event) {
        $("#sidebar_panel").css({'display': 'block'});
        $(".o_action_manager").css({'margin-left': '250px', 'transition': 'all .1s linear'});
        $(".top_heading").css({'margin-left': '250px', 'transition': 'all .1s linear', 'width': 'auto'});

        //add class in navbar
        var navbar = $(".o_main_navbar");
        var navbar_id = navbar.data("id");
        $("nav").addClass(navbar_id);
        navbar.addClass("small_nav");

        //add class in action-manager
        var action_manager = $(".o_action_manager");
        var action_manager_id = action_manager.data("id");
        $("div").addClass(action_manager_id);
        action_manager.addClass("sidebar_margin");

        //add class in top_heading
        var top_head = $(".top_heading");
        var top_head_id = top_head.data("id");
        $("div").addClass(top_head_id);
        top_head.addClass("sidebar_margin");
    });
    $(document).on("click", "#closeSidebar", function (event) {
        $("#sidebar_panel").css({'display': 'none'});
        $(".o_action_manager").css({'margin-left': '0px'});
        $(".top_heading").css({'margin-left': '0px', 'width': '100%'});

        //remove class in navbar
        var navbar = $(".o_main_navbar");
        var navbar_id = navbar.data("id");
        $("nav").removeClass(navbar_id);
        navbar.removeClass("small_nav");

        //remove class in action-manager
        var action_manager = $(".o_action_manager");
        var action_manager_id = action_manager.data("id");
        $("div").removeClass(action_manager_id);
        action_manager.removeClass("sidebar_margin");

        //remove class in top_heading
        var top_head = $(".top_heading");
        var top_head_id = top_head.data("id");
        $("div").removeClass(top_head_id);
        top_head.removeClass("sidebar_margin");
    });

    $(document).on("click", ".sidebar a", function (event) {
        var menu = $(".sidebar a");
        var $this = $(this);
        var id = $this.data("id");
        $("header").removeClass().addClass(id);
        menu.removeClass("active");
        $this.addClass("active");

        //sidebar close on menu-item click
        // $("#sidebar_panel").css({'display': 'none'});
        // $(".o_action_manager").css({'margin-left': '200px'});
        // $(".top_heading").css({'margin-left': '0px', 'width': '100%'});
        // $("#closeSidebar").hide();
        // $("#openSidebar").show();

        //remove class in navbar
        var navbar = $(".o_main_navbar");
        var navbar_id = navbar.data("id");
        $("nav").removeClass(navbar_id);
        navbar.removeClass("small_nav");

        //remove class in action-manager
        var action_manager = $(".o_action_manager");
        var action_manager_id = action_manager.data("id");
        $("div").removeClass(action_manager_id);
        action_manager.removeClass("sidebar_margin");

        //remove class in top_heading
        var top_head = $(".top_heading");
        var top_head_id = top_head.data("id");
        $("div").removeClass(top_head_id);
        top_head.removeClass("sidebar_margin");
    });
});