@using SteUp.Shared.Core.Dto
@using SteUp.Shared.Core.Interface.LocalDb
@inject IIspezioniService IspezioniService

<div class="list-card panel--tappable" @onclick="StartInspection" role="button" tabindex="0"
     aria-label="@($"Apri ispezione su {PuntoVendita.CodMdep} {PuntoVendita.Descrizione}")">

    <div class="t-ident">@PuntoVendita.CodMdep</div>
    <h3 class="list-card__title">@PuntoVendita.Descrizione</h3>

    @if (!Luogo.IsNullOrEmpty())
    {
        <p class="list-card__meta">@Luogo</p>
    }
</div>

@code {
    [Parameter] public PuntoVenditaDto PuntoVendita { get; set; } = null!;

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

    // Indirizzo, citta', CAP e provincia su una riga sola con separatore " · ":
    // sono metadati, non meritano tre chip che fanno rumore.
    private string Luogo => string.Join(" · ", new[]
        {
            PuntoVendita.Indirizzo,
            PuntoVendita.Citta,
            string.Join(" ", new[] { PuntoVendita.Cap, PuntoVendita.Provincia }
                .Where(x => !x.IsNullOrEmpty()))
        }
        .Where(x => !x.IsNullOrEmpty()));

    private async Task StartInspection()
    {
        await OnStarting.InvokeAsync();

        SteupDataService.InspectionPageState.Ispezione = await IspezioniService.GetOrCreateIspezioneAsync(
            PuntoVendita.CodMdep!,
            DateTime.Now,
            UserSession.User.Username
        );

        NavigationManager.NavigateTo("/ispezione");
    }
}