{% load i18n static %}

<header class="admin-header">
    <div class="header-left">
        <button class="mobile-menu-toggle" id="mobile-menu-toggle" aria-label="{% trans 'Toggle menu' %}">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>
    
    <div class="header-center">
        <h2 class="page-title">{% block page_title %}{{ title|default:_('Admin') }}{% endblock %}</h2>
    </div>
    
    <div class="header-right">
        {% is_dark_mode_enabled as dark_mode_enabled %}
        {% if dark_mode_enabled %}
            <button class="theme-toggle" id="theme-toggle" aria-label="{% trans 'Toggle theme' %}">
                <span class="theme-icon">🌙</span>
            </button>
        {% endif %}
        
        <div class="user-menu">
            <span class="user-name">{{ user.get_full_name|default:user.username }}</span>
        </div>
    </div>
</header>