{{define "action-bar"}}
<!-- Single Black Bar with Everything -->
<div class="action-bar no-print" role="navigation" aria-label="Language and export controls">
    <div class="action-bar-content">
        <!-- Left: Site Title + Hamburger Menu + Language -->
        <div class="site-title">
            <!-- Left group: Logo + Hamburger -->
            <div class="site-title-left">
                <a href="/" class="site-logo-link" id="logoLink" aria-label="Home">
                    <iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
                </a>

                <!-- Hamburger Menu Button -->
                <button class="hamburger-btn" aria-label="Toggle navigation menu" tabindex="0">
                    <iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
                </button>
            </div>

            <!-- Center: Title -->
            <a href="/" class="site-title-link" id="titleLink">
                <iconify-icon icon="mdi:file-account" width="20" height="20" class="site-icon-mobile"></iconify-icon>
                <span class="site-title-text">CV JAMR<span class="site-title-year"> - {{.CurrentYear}}</span></span>
            </a>

            <!-- Right: Language selector -->
            {{template "language-selector" .}}
        </div>

        {{template "view-controls" .}}
        {{template "action-buttons" .}}

        <span id="loading"
              class="htmx-indicator"
              role="status"
              aria-live="polite"
              aria-label="Loading">
            <span class="loader"></span>
        </span>
    </div>
</div>
{{end}}