@*
    Dialog informativo (STILE_UI §6.10): cerchio-icona del tono, titolo,
    messaggio, un solo bottone a piena larghezza.
*@

<MudDialog>
    <DialogContent>
        <div class="dialog-icon dialog-icon--@(IsWarning ? "warning" : "danger")" aria-hidden="true">
            <i class="@(IsWarning ? "ri-alert-line" : "ri-error-warning-line")"></i>
        </div>

        <h2 class="dialog-title">@(IsWarning ? "Attenzione" : "Qualcosa non ha funzionato")</h2>
        <p class="dialog-message">@Message</p>

        @if (ShowDetail)
        {
            <p class="dialog-detail">@ErrorMessage</p>
        }
    </DialogContent>
    <DialogActions>
        <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="@Cancel">Ho capito</MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!;
    [Parameter] public string ErrorMessage { get; set; } = string.Empty;
    [Parameter] public bool IsWarning { get; set; }

    // Gli avvisi sono gia' scritti per il rilevatore. Gli errori tecnici no:
    // si mostra una frase comprensibile e il dettaglio resta sotto, per chi
    // deve riferirlo all'assistenza.
    private bool ShowDetail => !IsWarning;

    private string Message => IsWarning
        ? ErrorMessage
        : "Il lavoro resta salvato sul dispositivo. Riprova.";

    private void Cancel() => MudDialog.Cancel();
}