<div class="app-sidebar sidebar-shadow bg-tempting-azure sidebar-text-light">
    <div class="app-header__logo">
        <div class="logo-src"><img src="assets/images/logo.svg" /> <span>ATIC 網上平台</span></div>
        <div class="header__pane ml-auto">
            <div>
                <button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
                    data-class="closed-sidebar">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </button>
            </div>
        </div>
    </div>
    <div class="app-header__mobile-menu">
        <div>
            <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                <span class="hamburger-box">
                    <span class="hamburger-inner"></span>
                </span>
            </button>
        </div>
    </div>
    <div class="app-header__menu">
        <span>
            <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                <span class="btn-icon-wrapper">
                    <i class="fa fa-ellipsis-v fa-w-6"></i>
                </span>
            </button>
        </span>
    </div>
    <div class="scrollbar-sidebar">
        <div class="app-sidebar__inner">
            <ul class="vertical-nav-menu">
                <li class="app-sidebar__heading">控制表板</li>

                <li>
                    <a href="index.php" class="menuitem">
                    <i class="fas fa-tachometer-alt metismenu-icon"></i>
                        控制表板
                    </a>
                </li>
                <li class="app-sidebar__heading">課程</li>
                <li>
            
      
                    <a href="category.php" class="menuitem">
                        <i class="metismenu-icon fas fa-book"></i>
                        課程分類
                    </a>
                </li>

                <li>
       
                    <a href="#">
                        <i class="metismenu-icon fas fa-book-open"></i>
                        課程
                        <i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
                    </a>
                    <ul>
                        <li>
                            <a href="course_setting.php" class="menuitem">
                                <i class="metismenu-icon"></i>
                                課程設定
                            </a>
                        </li>
                        <li>
                            <a href="question_setting.php" class="menuitem">
                                <i class="metismenu-icon"></i>
                                題目設定
                            </a>
                        </li>
                        <li>
                            <a href="course_record.php" class="menuitem">
                                <i class="metismenu-icon"></i>
                                課程報名紀錄
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="app-sidebar__heading">公司</li>
                <li>
                    <a href="#">
               
                        <i class="metismenu-icon fas fa-building"></i>
                        公司設定
                        <i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
                    </a>
                    <ul>
                        <li>
                            <a href="company_account.php" class="menuitem">
                                <i class="metismenu-icon"></i>
                                設定公司帳戶
                            </a>
                        </li>
                        <li>
                            <a href="company_course.php" class="menuitem">
                                <i class="metismenu-icon"></i>
                                設定公司課程
                            </a>
                        </li>

                    </ul>
                </li>
                <li class="app-sidebar__heading">系統控制</li>
                <li>
                    <a href="siteinfo.php" class="menuitem">
                    <i class="fas fa-server metismenu-icon"></i>
                        系統資料
                    </a>
                </li>
               <!--  <li>
        
                    <a href="index.html" class="menuitem">
                        <i class="metismenu-icon fas fa-bookmark"></i>
                        查閱過往課程
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
</div>


<script>
let url = window.location.href;


$(function() {
    $('.menuitem').each(function() {
     
        if (this.href === url) {
          /*   alert("hihi"); */
            $(this).addClass('mm-active');
            $(this).parent().parent().addClass('mm-show');
            $(this).parent().parent().parent().find("a").attr('aria-expanded' , true);
            $(this).parent().parent().parent().addClass('mm-active');
        }

    });
});
</script>