@*
    Bottom sheet (STILE_UI §6.14): sale dal basso, maniglia di trascinamento,
    testata con titolo e chiusura, un'unica linea di struttura, corpo scorrevole.
    Sostituisce i menu flottanti: stessa funzione, bersagli molto piu' grandi.
*@

@if (Open)
{
    <div class="sheet-scrim" @onclick="Close" aria-hidden="true"></div>

    <div class="sheet @(Tall ? "sheet--tall" : "")" role="dialog" aria-modal="true"
         aria-label="@Title">
        <div class="sheet__handle"></div>

        <div class="sheet__head">
            <div class="sheet__titles">
                <h2 class="sheet__title">@Title</h2>
                @if (!string.IsNullOrWhiteSpace(Subtitle))
                {
                    <p class="sheet__subtitle">@Subtitle</p>
                }
            </div>
            <MudIconButton Icon="@Icons.Material.Rounded.Close" Color="Color.Inherit"
                           aria-label="Chiudi" title="Chiudi" OnClick="Close"/>
        </div>

        <div class="sheet__divider"></div>

        <div class="sheet__body">
            @ChildContent
        </div>
    </div>
}

@code {
    [Parameter] public bool Open { get; set; }
    [Parameter] public EventCallback<bool> OpenChanged { get; set; }
    [Parameter] public string? Title { get; set; }
    [Parameter] public string? Subtitle { get; set; }

    /// Sheet di compilazione (~92% dello schermo) invece che di consultazione.
    [Parameter] public bool Tall { get; set; }

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

    private async Task Close()
    {
        Open = false;
        await OpenChanged.InvokeAsync(false);
    }
}