<header>
    <div class="header-menu">
        <div class="logo" th:onclick="movePath('/phits/main')">
            <div>
                <img src="/images/logo/logo.png" alt="포항시 로고">
            </div>
            <p>포항시교통정보센터</p>
        </div>
        <div class="top-menu">
            <div class="top-menu-cont" th:classappend="${selected == 'notice'} ? ' on' : ''">
                <a th:href="@{/phits/notice-list}">공지사항</a>
            </div>
            <div class="top-menu-cont" th:classappend="${selected == 'statistics'} ? ' on' : ''">
                <a th:href="@{/phits/conn-statistics}">접속자통계</a>
            </div>
            <div class="top-menu-cont" th:classappend="${selected == 'popup'} ? ' on' : ''">
                <a th:href="@{/phits/popup-list}">팝업공지</a>
            </div>
            <div class="top-menu-cont" th:classappend="${selected == 'cctv'} ? ' on' : ''">
                <a th:href="@{/phits/cctv-list}">CCTV 관리</a>
            </div>
            <span id="logout" onclick="logout()" title="로그아웃">
                <img src="/images/icon/logout.png" alt="로그아웃">
            </span>
        </div>
    </div>
</header>

<script th:inline="javascript">

//    function closeModal(target) {
//        $(target).css('display', 'none');
//    }
//
//    function movePath(uri) {
//        window.location.href = uri;
//    }
//
//    function openModal(target) {
//        $(target).css('display', 'flex');
//        $(target + " .content").scrollTop(0);
//    }

    function logout() {
        window.location.href = '/phits/logout';
    }

</script>