balanceboard/templates/_nav.html

<!-- Modern Top Navigation -->
<nav class="top-nav">
    <div class="nav-content">
        <div class="nav-left">
            <a href="{{ url_for('index') }}" class="logo-section">
                <img src="{{ url_for('serve_logo') }}" alt="BalanceBoard" class="nav-logo">
                <span class="brand-text"><span class="brand-balance">balance</span><span class="brand-board">Board</span></span>
            </a>
        </div>

        <div class="nav-center">
            <div class="search-bar">
                <input type="text" placeholder="Search content..." class="search-input">
                <button class="search-btn">🔍</button>
            </div>
        </div>

        <div class="nav-right">
            {% if current_user.is_authenticated %}
                <div class="user-menu">
                    <div class="user-info">
                        <div class="user-avatar">
                            {% if current_user.profile_picture_url %}
                                <img src="{{ current_user.profile_picture_url }}" alt="Avatar">
                            {% else %}
                                <div class="avatar-placeholder">{{ current_user.username[:2].upper() }}</div>
                            {% endif %}
                        </div>
                        <span class="username">{{ current_user.username }}</span>
                    </div>
                    <div class="user-dropdown">
                        <a href="{{ url_for('settings') }}" class="dropdown-item">⚙️ Settings</a>
                        {% if current_user.is_admin %}
                            <a href="{{ url_for('admin_panel') }}" class="dropdown-item">👨‍💼 Admin Panel</a>
                        {% endif %}
                        <a href="{{ url_for('logout') }}" class="dropdown-item">🚪 Logout</a>
                    </div>
                </div>
            {% else %}
                <div class="anonymous-actions">
                    <a href="{{ url_for('login') }}" class="login-btn">🔑 Login</a>
                    <a href="{{ url_for('signup') }}" class="register-btn">📝 Sign Up</a>
                </div>
            {% endif %}
        </div>
    </div>
</nav>