@inject IJSRuntime Js

@*
    Testata di schermata (STILE_UI §5): alta, titolo a sinistra, sfondo uguale
    alla pagina. Non e' una AppBar colorata col titolo centrato: quella e' una
    firma Android di serie, e il documento la esclude esplicitamente.
*@

<header class="appbar @(Compact ? "appbar--compact" : "")">
    @if (Back || Cancel)
    {
        <div class="appbar__lead">
            <MudIconButton Icon="@(Cancel ? Icons.Material.Rounded.Close : Icons.Material.Rounded.ArrowBack)"
                           Color="Color.Inherit"
                           aria-label="@(Cancel ? "Chiudi" : "Indietro")"
                           title="@(Cancel ? "Chiudi" : "Indietro")"
                           OnClick="@GoBack"/>
        </div>
    }

    <div class="appbar__titles">
        <h1 class="appbar__title">@Title</h1>
        @if (!string.IsNullOrWhiteSpace(Subtitle))
        {
            <p class="appbar__subtitle">@Subtitle</p>
        }
    </div>

    @if (Actions is not null)
    {
        <div class="appbar__actions">
            @Actions
        </div>
    }
</header>

@code {
    [Parameter] public string? Title { get; set; }
    [Parameter] public string? Subtitle { get; set; }

    /// Mostra la freccia indietro (navigazione tra schermate).
    [Parameter] public bool Back { get; set; }

    /// Mostra la X di chiusura e delega a OnCancel (schermate modali).
    [Parameter] public bool Cancel { get; set; }

    [Parameter] public EventCallback OnCancel { get; set; }

    /// Testata ridotta per le schermate a compito singolo, dove il titolo
    /// non deve rubare spazio al contenuto.
    [Parameter] public bool Compact { get; set; }

    [Parameter] public RenderFragment? Actions { get; set; }

    private async Task GoBack()
    {
        if (Cancel)
        {
            await OnCancel.InvokeAsync();
            return;
        }

        await Js.InvokeVoidAsync("goBack");
    }
}