<nav class="navbar navbar-expand-lg navbar-dark bg-black">
    <div class="container">
        <form class="d-flex me-lg-3 flex-grow-1" id="searchForm">
            <input class="form-control me-2 dark-input" 
                   type="search" 
                   placeholder="Szukaj książek..." 
                   aria-label="Search">
        </form>

        <a class="navbar-brand mx-lg-auto order-lg-1" href="/">DARK ATHENAEUM</a>

        <div class="d-flex align-items-center order-lg-2">
            {% if user.is_authenticated %}
                <a class="nav-link" href="/profile.html">Profil</a>
                <a class="nav-link" href="#" id="logoutLink">Wyloguj</a>
                <a class="nav-link" href="/cart.html">
                    <i class="bi bi-basket"></i> Koszyk
                </a>
            {% else %}
                <a class="nav-link" href="/login.html">Logowanie</a>
                <a class="nav-link" href="/register.html">Rejestracja</a>
            {% endif %}
        </div>
    </div>
</nav>
