
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CEZENnac</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css">
    <link rel="stylesheet" href="../css/popup.css">
    <link rel="stylesheet" href="../css/bell.css">
    <script src="../js/toggling.js"></script>
</head>
<body>
<div class="navigation">
    <nav>
        <a href="../admin/elements/dashboard.php" class="active">
            <h3>Access Control</h3>
        </a>
        <a href="#" class="disable">
            <span class="icon"></span>
            <h3>Monitoring</h3>
        </a>
        <a href="#" class="disable">
            <span class="icon"></span>
            <h3>Log Management</h3>
        </a>

        <!-- Notification Section -->
<!--        <div class="notification">
            <img class="bell" id="bell" src="../images/bell.png" alt="Notifications">
            <div class="dropdown-content" id="notificationDropdown">
                Notifications will be dynamically inserted here --> 
       <!--    </div>
        </div>   -->


        <!-- DARK AND LIGHT MODE STARTS -->
        <div class="theme_toggler">
                        
                <span class="active"><img src="../images/light_mode.png" class="icon"></span>
                <span><img src="../images/dark_mode.png" class="icon"></span>
        </div>

        <!-- DARK AND LIGHT MODE ENDS -->

 
        <!-- Settings Dropdown -->
        <div class="dropdown">
            <img src="../images/setting.png" alt="Settings" class="setting" id="settingsButton">
            <div class="dropdown-content" id="dropdownContent">
                <a href="../user/change_password.php">Change Password</a>
            <!--    <a href="other_settings.php">Other Settings</a> -->
            </div>
        </div>

        <!-- Log Out -->
        <a href="../admin/elements/index.php" class="active">
            <span class="icon"></span>
        <!--    <h3>Log Out</h3> -->
        </a>
    </nav>
    <div class="uline"></div>
</div>


<!-------------------------------CONTAINER BEGINS----------------------------------------->
<div class="container">
        <!--side bar start..-->
        <aside>
            <div class="sidebar">
            <img src="../images/LOGO.png" class="sidebar-logo" alt="Logo">
                <a href="../elements/dashboard.php" class="<?php echo $activePage == 'Dashboard' ? 'active1' : 'active'; ?>" id="hover">
                <span><img src="../images/dashboard_one.png" class="icon" data-hover-image="../images/dashboard.png" data-active-image="../images/dashboard.png" data-default-image="../images/dashboard_one.png"></span>
                    <h3>Dashboard</h3>  
                </a>



                <!-- User Section -->
                <a href="#" onclick="toggleSubmenu(event, 'user-submenu')" class="<?php echo $activePage == 'User' ? 'active1' : 'active'; ?>" id="hover">
                <span><img src="../images/p.png" class="icon" data-hover-image="../images/profile.png" data-active-image="../images/profile.png" data-default-image="../images/p.png"></span>
                    <h3>User</h3>
                </a>

                         <div class="submenu" id="user-submenu" style="display: <?php echo $activePage == 'User' ? 'block' : 'none'; ?>">
                             <a href="../user/userlist.php" class="<?php echo $activeSubPage == 'Userlist' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>User List</h3>
                             </a>
                             <a href="../user/createuser.php" class="<?php echo $activeSubPage == 'Createuser' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Create User</h3>
                             </a>
                           <!--  <a href="../nodes/nodes.php" class="<?php // echo $activeSubPage == 'OtherUser' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Nodes</h3>
                             </a> -->
                         </div>

                <!-- Other sections -->

                <!-- Captive Portal -->
    <!--            <a href="#" onclick="toggleSubmenu(event, 'captiveportal-submenu')" class="<?php  echo $activePage == 'CaptivePortal' ? 'active1' : 'active'; ?>"  id="hover">
                <span><img src="../images/p.png" class="icon" data-hover-image="../images/profile.png" data-active-image="../images/profile.png" data-default-image="../images/p.png"></span>
                    <h3>Captive Portal</h3>
                </a>

                         <div class="submenu" id="captiveportal-submenu" style="display: <?php echo $activePage == 'CaptivePortal' ? 'block' : 'none'; ?>">
                             <a href="../captive_portal/configuration.php" class="<?php echo $activeSubPage == 'Configuration' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Configuration</h3>
                             </a>
                             <a href="../captive_portal/selfservice.php" class="<?php echo $activeSubPage == 'selfservice' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Self Service Portal</h3>
                             </a>
                             <a href="../captive_portal/filters.php" class="<?php echo $activeSubPage == 'filters' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Filters</h3>
                             </a>
                             <a href="../captive_portal/accesscontrol.php" class="<?php echo $activeSubPage == 'accesscontrol' ? 'disable' : 'active'; ?>">
                                 <span class="submenu_span"></span>
                                 <h3>Access Control</h3>
                             </a>
                         </div>  -->

                <!-- Devices -->
               <!-- <a href="#" onclick="toggleSubmenu(event, 'devices-submenu')" class="<?php echo $activePage == 'devices' ? 'active1' : 'active'; ?>"  id="hover">
                <span><img src="../images/p.png" class="icon" data-hover-image="../images/profile.png" data-active-image="../images/profile.png" data-default-image="../images/p.png"></span>
                    <h3>Devices</h3>
                </a>

                <div class="submenu" id="devices-submenu" style="display: <?php echo $activePage == 'devices' ? 'block' : 'none'; ?>">
                    <a href="../Devices/windows_devices.php" class="<?php echo $activeSubPage == 'windows_devices' ? 'disable' : 'active'; ?>">
                        <span class="submenu_span"></span>
                        <h3>Windows Devices</h3>
                    </a>
                    <a href="../Devices/linux_devices.php" class="<?php echo $activeSubPage == 'linux_devices' ? 'disable' : 'active'; ?>">
                        <span class="submenu_span"></span>
                        <h3>Linux Devices</h3>
                    </a>
                    <a href="../Devices/network_devices.php" class="<?php echo $activeSubPage == 'network_devices' ? 'disable' : 'active'; ?>">
                        <span class="submenu_span"></span>
                        <h3>Network Devices</h3>
                    </a>
                    <a href="../Devices/device_groups.php" class="<?php echo $activeSubPage == 'device_groups' ? 'disable' : 'active'; ?>">
                        <span class="submenu_span"></span>
                        <h3>Device Groups</h3>
                    </a>
                </div>  -->

                 <!--....................................CONFIGURATION.............................-->

                 <a href="#" onclick="toggleSubmenu(event, 'configuration-submenu')" class="<?php echo $activePage == 'configuration' ? 'active1' : 'active'; ?>"  id="hover">
                 <span><img src="../images/gear.png" class="icon" data-hover-image="../images/config.png" data-active-image="../images/config.png" data-default-image="../images/gear.png"></span>
                    <h3>Configuration</h3>  
                </a>

            <div class="submenu" id="configuration-submenu" style="display: <?php echo $activePage == 'configuration' ? 'block' : 'none'; ?>">
            
                <a href="../configuration/roles.php" class="<?php echo $activeSubPage == 'roles' ?  'disable' : 'active'; ?>">
                        <span class="submenu_span"></span>
                        <h3>Roles</h3>                
                    </a>

        
                <a href="../configuration/authentication.php" class="<?php echo $activeSubPage == 'Authentication' ?  'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Authentication Source</h3>                
                </a>

                <a href="../configuration/accessduration.php" class="<?php echo $activeSubPage == 'accessduration' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Access Duration</h3>
                </a>
                <a href="../configuration/connectionprofile.php" class="<?php echo $activeSubPage == 'connection_profile' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Connection Profile</h3>
                </a>
                <a href="../configuration/switch.php" class="<?php echo $activeSubPage == 'switch' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Switch</h3>
                </a>
            </div>


          <!--....................NETWORK...............................-->
          
        <a href="#" onclick="toggleSubmenu(event, 'network-submenu')" class="<?php echo $activePage == 'network' ? 'active1' : 'active'; ?>"  id="hover">
        <span><img src="../images/menu.png" class="icon" data-hover-image="../images/menus.png" data-active-image="../images/menus.png" data-default-image="../images/menu.png"></span>
        <h3>Network</h3>  
        </a>
        <div class="submenu" id="network-submenu" style="display: <?php echo $activePage == 'network' ? 'block' : 'none'; ?>">
             <!--   <a href="../network/network_settings.php" class="<?php // echo $activeSubPage == 'networksettings' ?  'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Network Settings</h3>                
                </a> -->
                <a href="../nodes/nodes.php" class="<?php echo $activeSubPage == 'OtherUser' ? 'disable' : 'active'; ?>">
                   <span class="submenu_span"></span>
                   <h3>Nodes</h3>
                 </a>
        
                <a href="../network/interfaces.php" class="<?php echo $activeSubPage == 'interfaces' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Interfaces</h3>

                </a>
               <!-- <a href="../network/snmp.php" class="<?php // echo $activeSubPage == 'snmp' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>SNMP</h3>
                </a> -->
              <!--  <a href="../network/inline_config.php" class="<?php echo $activeSubPage == 'inline_config' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Inline Configuration</h3>
                </a>    -->
        </div>

             <!--....................ADMINISTRATION...............................-->

 <!--       <a href="#" onclick="toggleSubmenu(event, 'administration-submenu')" class="<?php // echo $activePage == 'Administration' ? 'active1' : 'active'; ?>"  id="hover">
        <span><img src="../images/menu.png" class="icon" data-hover-image="../images/menus.png" data-active-image="../images/menus.png" data-default-image="../images/menu.png"></span>
        <h3>Administration</h3>  
        </a>
        <div class="submenu" id="administration-submenu" style="display: <?php // echo $activePage == 'Administration' ? 'block' : 'none'; ?>;">
                <a href="../administration/domains.php" class="<?php // echo $activeSubPage == 'domains' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Domains</h3>

                </a>
                <a href="../administration/admin_access.php" class="<?php // echo $activeSubPage == 'admin_access' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Admin Access</h3>
                </a>
                <a href="../administration/admin_login.php" class="<?php // echo $activeSubPage == 'admin_login' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>Admin Login</h3>
                </a>
                <a href="../administration/ssl_certificates.php" class="<?php // echo $activeSubPage == 'ssl' ? 'disable' : 'active'; ?>">
                    <span class="submenu_span"></span>
                    <h3>SSL Certificates</h3>
                </a>   -->
        </div>   

            </div>
    </aside>
</div>


<script src="../js/icon.js"></script>
<script src="../js/script.js"></script>
<script src="../js/bell.js"></script>
<script src="../js/redirect.js"></script>

</body>
</html>