{{! theme_academi/drawers.mustache }}

{{> theme_boost/head }}
<body {{{ bodyattributes }}}>

{{> core/local/toast/wrapper }}

<div id="page-wrapper" class="d-print-block">
    {{{ output.standard_top_of_body_html }}}
    {{> theme_academi/header }}

    <div id="page" data-region="mainpage" data-usertour="scroller" class="drawers drag-container">
        <button class="sidebar-toggle d-md-none" onclick="toggleSidebar()">☰</button>

        <div id="page-content" class="custom-layout">
    <aside id="custom-sidebar" class="custom-sidebar d-print-none">
        <nav class="sidebar-nav">
            <ul class="sidebar-menu">
                <li><a href="/my" class="sidebar-link"><i class="fa fa-home"></i> Dashboard</a></li>
                <li class="has-submenu">
                    <a href="#" class="sidebar-link submenu-toggle">
                        <i class="fa fa-book"></i> Courses <i class="fa fa-chevron-down submenu-arrow"></i>
                    </a>
                    <ul class="submenu">
                        <li><a href="/course/index.php" class="sidebar-sublink">All Courses</a></li>
                        <li><a href="/course/view.php?id=2" class="sidebar-sublink">Course 1</a></li>
                    </ul>
                </li>
                 <li class="has-submenu">
        <a href="#" class="sidebar-link submenu-toggle">
            <i class="fa fa-building"></i> Company <i class="fa fa-chevron-down submenu-arrow"></i>
        </a>
        <ul class="submenu">
            <li><a href="Trainocate/course/company.php" class="sidebar-sublink">Add Company</a></li>
            <li><a href="Trainocate/course/companylist.php" class="sidebar-sublink">View Company</a></li>
        </ul>
    </li>
                <li><a href="/calendar/view.php" class="sidebar-link"><i class="fa fa-calendar"></i> Calendar</a></li>
                <li><a href="/user/profile.php" class="sidebar-link"><i class="fa fa-user"></i> Profile</a></li>
            </ul>
        </nav>
    </aside>

    <div id="region-main-box" class="main-content">
        {{{ output.full_header }}}
{{#secondarymoremenu}}
    <div class="secondary-navigation d-print-none">
        {{> core/moremenu }}
    </div>
{{/secondarymoremenu}}

        {{#hasregionmainsettingsmenu}}
        <div id="region-main-settings-menu" class="d-print-none">
            <div>{{{ regionmainsettingsmenu }}}</div>
        </div>
        {{/hasregionmainsettingsmenu}}

        <section id="region-main" aria-label="{{#str}}content{{/str}}">
            {{{ output.course_content_header }}}
            {{{ output.main_content }}}
            {{{ output.activity_navigation }}}
            {{{ output.course_content_footer }}}
        </section>
    </div>
</div>


        {{> theme_academi/footer }}
    </div>

    {{{ output.standard_after_main_region_html }}}
</div>

<!-- JS toggle -->
<script>
function toggleSidebar() {
    document.getElementById('custom-sidebar').classList.toggle('active');
}
</script>

</body>
</html>
