<div class="wrapper">
    <aside id="sidebar">
        <div class="d-flex">
            <button class="toggle-btn" type="button">
                <i class="lni lni-grid-alt"></i>
            </button>
            <div class="sidebar-logo">
                <a href="/">Dashboard</a>
            </div>
        </div>
        <ul class="sidebar-nav">
            <li class="sidebar-item">
                <a href="/" class="sidebar-link">
                    <i class="lni lni-home"></i>
                    <span>Home</span>
                </a>
            </li>
            <li class="sidebar-item">
                <a href="/user" class="sidebar-link">
                    <i class="lni lni-user"></i>
                    <span>User</span>
                </a>
            </li>
            <li class="sidebar-item">
                <a href="/registration" class="sidebar-link">
                    <i class="lni lni-pencil-alt"></i>
                    <span>Registration</span>
                </a>
            </li>
            <li class="sidebar-item">
                <a href="/fr_page" class="sidebar-link">
                    <i class="lni lni-camera"></i>
                    <span>Face Recognition</span>
                </a>
            </li>
            </li>
            <li class="sidebar-item">
                <a href="/log" class="sidebar-link">
                    <i class="lni lni-files"></i>
                    <span>Log</span>
                </a>
            </li>
        </ul>
    </aside>
    <div class="main">
        <nav class="navbar navbar-expand px-4 py-3">
            <div class="navbar-collapse collapse">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item dropdown">
                        <a href="#" data-bs-toggle="dropdown" class="nav-icon pe-md-0">
          
                            <img src="{{ url_for('static', filename='img/account.png') }}" class="avatar img-fluid" alt="">
                        </a>                  
                        <div class="dropdown-menu dropdown-menu-end rounded">
                            <a href="" class="dropdown-item">
                                <i class="lni lni-user"></i>
                                <span>{{ username }}</span>
                            </a>
                            <a href="/logout" class="dropdown-item">
                                <i class="lni lni-enter"></i>
                                <span>Logout</span>
                            </a>
                            
                        </div>
                        
                    </li>
                </ul>
            </div>
        </nav>