@if (enteteVisible()) {
  <header class="entete">
    <a class="entete__marque" routerLink="/specs/00-sommaire" title="Retour aux specifications">
      <span class="entete__logo" aria-hidden="true">▶</span>
      <span class="entete__titre">SatPRO — Specs pré-projet</span>
    </a>
    <div class="entete__compte">
      @if (estAdmin()) {
        <a class="entete__lien" routerLink="/acces" title="Gérer les comptes et accès">Gestion des accès</a>
        <div class="entete__export" title="Exporter TOUTES les annotations (tous les documents)">
          <span class="entete__export-label">Export annotations :</span>
          <button type="button" (click)="exporter('md')" [disabled]="exportEnCours()">Markdown</button>
          <button type="button" (click)="exporter('json')" [disabled]="exportEnCours()">JSON</button>
        </div>
        <span class="entete__role" title="Vous êtes administrateur">admin</span>
      }
      <span class="entete__user">{{ login() }}</span>
      <button type="button" class="entete__deconnexion" (click)="seDeconnecter()">
        Se déconnecter
      </button>
    </div>
    @if (exportMessage()) {
      <span class="entete__export-msg" role="alert">{{ exportMessage() }}</span>
    }
  </header>
}

<main class="contenu">
  <router-outlet />
</main>