{% load static %}
<header class="app-header">
    <div class="header-left">
            <img src="{% static 'logo/datapath-light.svg' %}" alt="Datapath Logo" class="logo-img">
        </a>
    </div>
    <div class="header-right">
        {% if wristband %}
        <!-- <div class="notifications">
            {% include 'components/_notification_center.html' %}
        </div> -->
        <div class="user-section">
            <span class="username">{{ wristband.user_info.email }}</span>
            <div class="user-menu-container">
                <button class="hamburger-btn" onclick="document.getElementById('user-menu').classList.toggle('show')">
                    <span class="hamburger-bar"></span>
                    <span class="hamburger-bar"></span>
                    <span class="hamburger-bar"></span>
                </button>
                <div id="user-menu" class="user-menu-dropdown">
                    {% include 'components/_user_menu.html' %}
                </div>
            </div>
        </div>
        {% else %}
        <a href="/auth/login/" class="btn btn-primary">Login</a>
        {% endif %}
    </div>
</header>