@inherits LayoutComponentBase
@inject ServiceLivresApi Api

@* Mise en page pensée mobile d'abord : un bandeau, une colonne, rien à gauche.
   Le PC hérite de la même colonne, simplement centrée et limitée en largeur. *@
<header class="bandeau">
    <a class="marque" href="">MaBibli</a>

    @if (_utilisateur?.Identifiant is not null)
    {
        <span class="utilisateur" title="@(_utilisateur.Simule ? "Utilisateur simulé (développement)" : "Connecté via le portail YunoHost")">
            @_utilisateur.Affichage@(_utilisateur.Simule ? " (dev)" : "")
        </span>
    }
</header>

<main class="contenu">
    @Body
</main>

@code {
    private UtilisateurCourant? _utilisateur;

    protected override async Task OnInitializedAsync()
        => _utilisateur = await Api.ObtenirUtilisateurAsync();
}
