<aside class="app-sidebar bg-white shadow">
    <div class="sidebar-brand">
        <a href="<?=base_url()?>" class="brand-link">
            <img src="<?=base_url()?>template/assets/img/logo.png" class="brand-image opacity-75"/>
        </a>
    </div>
    
    <div class="sidebar-wrapper">
        <nav class="mt-2">
            <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
                <li class="nav-item menu-open">
                    <a href="<?=base_url()?>" class="nav-link active">
                        <i class="nav-icon bi bi-speedometer"></i>
                        <p> Dashboard</p>
                    </a>
                </li>
                <li class="nav-header">MODULE</li>
                <li class="nav-item">
                    <a href="<?=base_url()?>device" class="nav-link">
                        <i class="nav-icon bi bi-device-ssd"></i>
                        <p>Devices</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?=base_url()?>data" class="nav-link">
                        <i class="nav-icon bi bi-clipboard-data"></i>
                        <p>Data Log</p>
                    </a>
                </li>
                
                <li class="nav-header">PREVIEW</li>
                <li class="nav-item">
                    <a href="<?=base_url()?>realtime" class="nav-link">
                        <i class="nav-icon bi bi-broadcast-pin"></i>
                        <p>Real Time</p>
                    </a>
                </li>
                
                <li class="nav-header">ACCOUNTS</li>
                <li class="nav-item">
                    <a href="<?=base_url()?>users" class="nav-link">
                        <i class="nav-icon bi bi-person-vcard"></i>
                        <p>User Accounts</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?=base_url()?>profile" class="nav-link">
                        <i class="nav-icon bi bi-person-badge"></i>
                        <p>Profile</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="<?=base_url()?>logout" class="nav-link">
                        <i class="nav-icon bi bi-box-arrow-left"></i>
                        <p>Sign Out</p>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</aside>