/**
 * 메뉴 경로 표시 및 메뉴 상태 관리 기능
 * 1. content_header 우측에 현재 메뉴의 경로를 표시합니다.
 * 2. 현재 URL에 해당하는 메뉴를 활성화하고 펼칩니다.
 */
$(function() {
    // 현재 URL 가져오기
    var currentUrl = window.location.pathname;

    /**
     * 메뉴 경로 표시 함수
     * content_header 우측에 현재 메뉴의 경로를 표시합니다.
     */
    function displayMenuPath() {
        // content_header에 메뉴 경로 표시 스타일 추가
        var style = '<style>' +
            '.menu-path {' +
            '    float: right;' +
            '    font-size: 14px;' +
            '    color: #666;' +
            '    margin-top: 5px;' +
            '}' +
            '</style>';
        $('head').append(style);

        // 현재 URL과 일치하는 메뉴 찾기
        var currentMenuPath = "";

        // 상단 메뉴에서 활성화된 메뉴 항목 찾기 (active 클래스가 있는 항목)
        var $activeMenuItem = $('.top-menu-item.active');
        var $activeSubMenuItem = $('.submenu-item.active');

        if ($activeMenuItem.length > 0) {
            // 활성화된 상위 메뉴가 있는 경우
            var menuText = $activeMenuItem.find('span').text().trim();
            currentMenuPath = menuText;

            // 활성화된 하위 메뉴가 있는지 확인
            if ($activeSubMenuItem.length > 0) {
                var subMenuText = $activeSubMenuItem.text().trim();
                currentMenuPath = menuText + " > " + subMenuText;
            }
        }

        // 메뉴 경로가 있으면 content_header에 추가
        if (currentMenuPath) {
            $('.sub_title').text(currentMenuPath + ' ' +$('.sub_title').text());
        }
    }

    // 페이지 로드 시 메뉴 상태 초기화 및 경로 표시
    // DOM이 완전히 로드된 후 실행하기 위해 충분한 지연 추가
    setTimeout(function() {
        //initializeMenuState();
        displayMenuPath();
    }, 30);
});
