@using SteUp.Shared.Core.Dto
@using SteUp.Shared.Core.Interface.System
@inject IAttachedService AttachedService

<MudDialog>
    <DialogContent>
        <h2 class="dialog-title">Aggiungi una foto</h2>
        <p class="dialog-message">Scatta sul posto oppure scegli un'immagine già sul dispositivo.</p>

        <div class="stack stack-xs" style="margin-top: var(--space-md);">
            <button type="button" class="action-tile" @onclick="@OnCamera">
                <span class="action-tile__icon action-tile__icon--primary">
                    <i class="ri-camera-line" aria-hidden="true"></i>
                </span>
                <span class="action-tile__label">Scatta una foto</span>
            </button>

            <button type="button" class="action-tile" @onclick="@OnGallery">
                <span class="action-tile__icon action-tile__icon--neutral">
                    <i class="ri-image-line" aria-hidden="true"></i>
                </span>
                <span class="action-tile__label">Scegli dalla galleria</span>
            </button>
        </div>
    </DialogContent>
    <DialogActions>
        <MudButton Variant="Variant.Outlined" OnClick="@(() => MudDialog.Cancel())">Annulla</MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!;

    private List<AttachedDto>? Attached { get; set; }

    protected override void OnInitialized()
    {
        Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopCenter;
    }

    private async Task OnCamera()
    {
        var selectImageFromCamera = await AttachedService.SelectImageFromCamera();

        if (selectImageFromCamera != null)
        {
            Attached ??= [];
            Attached.Add(selectImageFromCamera);
            MudDialog.Close(Attached);
        }
    }

    private async Task OnGallery()
    {
        Attached = await AttachedService.SelectImageFromGallery();

        if (Attached != null) MudDialog.Close(Attached);
    }
}