<div class="sidebar w-64 p-4 flex flex-col bg-base-200 shadow-lg fixed top-16 left-0 bottom-0 z-10">

    <nav class="flex-grow menu bg-transparent rounded-lg">
        <div class="active">
            <a class="btn btn-ghost justify-start">
                <i class="fas fa-folder mr-3 text-primary"></i>
                Folders
            </a>
        </div>
        <div>
            <a class="btn btn-ghost justify-start">
                <i class="fas fa-inbox mr-3 text-secondary"></i>
                Inbox
            </a>
        </div>
        <div>
            <a class="btn btn-ghost justify-start" hx-get="/api/imap/config" hx-target="#modal-holder" hx-swap="innerHTML">
                <i class="fas fa-cog mr-3 text-accent"></i>
                IMAP Settings
            </a>
        </div>
        <div>
            <a class="btn btn-ghost justify-start">
                <i class="fas fa-chart-bar mr-3 text-info"></i>
                Analytics
            </a>
        </div>
        <div>
            <a class="btn btn-ghost justify-start">
                <i class="fas fa-question-circle mr-3 text-warning"></i>
                Help
            </a>
        </div>
    </nav>

    <div class="mt-auto pt-4 border-t border-base-300">
        <div>
            <a href="{{ url_for('auth.logout') }}" class="btn btn-ghost justify-start">
                <i class="fas fa-sign-out-alt mr-3 text-error"></i>
                Logout
            </a>
        </div>
    </div>
</div>