<?php
    include('session.php');
?>

<!DOCTYPE html>
<html>
<head>
    <style>
.menu_left {
    height: 100vh;        /* full screen height */
    overflow-y: auto;     /* vertical scrollbar */
    overflow-x: hidden;   /* hide horizontal scroll */
}
</style>

<style>
.toggle-arrow {
    transition: transform 0.3s ease;
    margin-left: auto;   /* push to far right */
    padding-right: 20px; /* fine tune distance from edge */
}

.menu--link[aria-expanded="true"] .toggle-arrow {
    transform: rotate(180deg);
}

</style>

</head>

   <body>
        <div class="menu-container">
        <div class="left_section menu_left" id="js-menu">
            <div class="left_section">
                <ul id="accordionMenu">
                    <li class="menu--item">
                        <a href="dashboard.php" class="menu--link" data-bs-toggle="tooltip" data-bs-placement="right">
                            <i class="fa-solid fa-gauge menu--icon"></i>
                            <span class="menu--label">Dashboard</span>
                        </a>
                    </li>
                    
                    <li class="menu--item">
                        <a href="competition.php" class="menu--link" data-bs-toggle="tooltip" data-bs-placement="right">
                            <i class="fa-solid fa-trophy menu--icon"></i>
                            <span class="menu--label">Competition</span>
                        </a>
                    </li>
                   
            </div>
        </div>
    </div>
   </body>

</html>
