@using SteUp.Shared.Core.Dto

<MudDialog>
    <DialogContent>
        <h2 class="dialog-title">Note descrittive</h2>
        <p class="dialog-message">Scegli una descrizione ricorrente per questo motivo.</p>

        @if (!ActivityTypers.IsNullOrEmpty())
        {
            <div class="stack stack-xs" style="margin-top: var(--space-md);">
                @foreach (var item in ActivityTypers!)
                {
                    <button type="button" class="action-tile"
                            @onclick="@(() => OnClickItem(item.ActivityTypeDescription))">
                        <span class="action-tile__label">@item.ActivityTypeDescription</span>
                    </button>
                }
            </div>
        }
        else
        {
            <div class="empty-state">
                <i class="empty-state__icon ri-chat-off-line" aria-hidden="true"></i>
                <p class="empty-state__title">Nessuna descrizione consigliata</p>
                <p class="empty-state__text">Per questo motivo non ci sono note ricorrenti: scrivila a mano.</p>
            </div>
        }
    </DialogContent>
    <DialogActions>
        <MudButton Variant="Variant.Outlined" OnClick="@Cancel">Annulla</MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!;
    [Parameter] public List<StbActivityTyperDto>? ActivityTypers { get; set; }

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

    private void OnClickItem(string? selectedValue) =>
        MudDialog.Close(DialogResult.Ok(selectedValue));
}