<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
    <div class="app-brand demo">
        <a href="{{ route('dashboard') }}" class="app-brand-link">
            <span class="app-brand-logo demo">
                <div class="d-flex align-items-end">
                    <img src="{{ asset('images/logo.png') }}" alt="" width="150">
                    <span class="fw-bold" style="padding-bottom: 10px; color:rgb(13, 27, 96)">.</span>
                </div>
            </span>
        </a>

        <a href="javascript:void(0);"
            class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
            <i class="bx bx-chevron-left bx-sm align-middle"></i>
        </a>
    </div>

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
        <!-- Home -->
        <li class="menu-item {{ request()->routeIs('dashboard')? 'active' : '' }}">
            <a href="{{ route('dashboard') }}" class="menu-link">
                <i class="menu-icon tf-icons bx bx-home-circle"></i>
                <div data-i18n="Analytics">Home</div>
            </a>
        </li>

        <li class="menu-item {{ request()->routeIs('devices.*')? 'active open' : '' }}">
            <a href="javascript:void(0)" class="menu-link menu-toggle">
            
                <i class='menu-icon tf-icons bx bxs-book-content'></i>
                <div data-i18n="Devices">Devices</div>
            </a>
            <ul class="menu-sub">
                <li class="menu-item {{ request()->routeIs('devices.index')? 'active' : '' }}">
                    <a href="{{ route('devices.index') }}" class="menu-link">
                        <div data-i18n="Device List">Device List</div>
                    </a>
                </li>
                <li class="menu-item {{ request()->routeIs('devices.create')? 'active' : '' }}">
                    <a href="{{ route('devices.create') }}" class="menu-link">
                        <div data-i18n="Add Device">Add Device</div>
                    </a>
                </li>
            </ul>
        </li>

        
        <!-- Extended components -->
        <li class="menu-item {{ request()->routeIs('users.*')? 'active open' : '' }}">
            <a href="javascript:void(0)" class="menu-link menu-toggle">
                <i class=' menu-icon tf-icons bx bx-user'></i>
                <div data-i18n="Users">Users</div>
            </a>
            <ul class="menu-sub">
                <li class="menu-item {{ request()->routeIs('users.index')? 'active' : '' }}">
                    <a href="{{ route('users.index') }}" class="menu-link">
                        <div data-i18n="User List">User List</div>
                    </a>
                </li>
                <li class="menu-item {{ request()->routeIs('users.create')? 'active' : '' }}">
                    <a href="{{ route('users.create') }}" class="menu-link">
                        <div data-i18n="Add user to device">Add user to device</div>
                    </a>
                </li>
            </ul>
        </li>


        <li class="menu-item {{ request()->routeIs('device.attendance')? 'active' : '' }}">
            <a href="{{ route('device.attendance') }}" class="menu-link">
                <i class='menu-icon tf-icons bx bx-notepad' ></i>
                <div data-i18n="Attendance Log">Attendance Log</div>
            </a>
        </li>

        <li class="menu-item {{ request()->routeIs('attendance.index')? 'active' : '' }}">
            <a href="{{ route('attendance.index') }}" class="menu-link">
                <i class='menu-icon tf-icons bx bx-notepad' ></i>
                <div data-i18n="All Attendance">Today's Attendance</div>
            </a>
        </li>

        <li class="menu-item {{ request()->routeIs('export.export_attendance')? 'active' : '' }}">
            <a href="{{ route('export.export_attendance') }}" class="menu-link">
                <i class='menu-icon tf-icons bx bx-notepad' ></i>
                <div data-i18n="Export Attendance">Exports</div>
            </a>
        </li>

        <li class="menu-item {{ request()->routeIs('organization.edit')? 'active' : '' }}">
            <a href="{{ route('organization.edit') }}" class="menu-link">
                <i class='menu-icon tf-icons bx bxs-building-house'></i>
                <div data-i18n="Organization">Organization</div>
            </a>
        </li>

    </ul>
</aside>