@page "/OffStats"
@inherits BaseComp


@if (isLoading)
{
    <LoadingData></LoadingData>
}
else
{
    <div class="p-2 shadow">
        <div class="d-flex align-items-center justify-content-between">
            <a href="@NavigationManager.ToAbsoluteUri("Offers")" class="btn btn-primary shadow-sm rounded-4 px-3">
                <i class="fa-solid fa-list me-1"></i>
                @Traduci("navMan_offerte")
            </a>
            <div class="input-group input-group shadow-sm" style="width:35em;">
                <div class="input-group">
                    <span class="input-group-text">Da:</span>
                    <input type="datetime-local"
                           class="form-control"
                           min="@periodoLimit.Inizio.AddHours(-1).ToString("yyyy-MM-ddTHH:mm")"
                           max="@DateTime.Now.Hour.ToString("yyyy-MM-ddTHH:mm")"
                           @bind="@dtFrom" />

                    <span class="input-group-text">A:</span>
                    <input type="datetime-local"
                           class="form-control"
                           min="@periodoLimit.Inizio.ToString("yyyy-MM-ddTHH:mm")"
                           max="@DateTime.Now.Hour.ToString("yyyy-MM-ddTHH:mm")"
                           @bind="@dtTo" />

                    <button class="btn btn-sm @btnReload" @onclick="DoReload">
                        Carica <i class="fa-solid fa-arrows-rotate"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="my-2 py-1">
            <OfferStats AllRecords="AllOfferRecords"></OfferStats>
        </div>
    </div>
}


@* <div class="card shadow">
    <div class="card-header">
        <div class="card-title m-1">
            <div class="d-flex align-items-center justify-content-between fs-4">
                <div class="px-0 fs-3">
                    <b>Statistiche Offerte</b>
                    <a href="@NavigationManager.ToAbsoluteUri("Offers")" class="btn btn-primary">
                        <i class="fa-solid fa-list"></i>
                        Offerte
                    </a>
                </div>
                <div class="px-2 d-flex">
                    <div class="input-group">
                        <span class="input-group-text">Da:</span>
                        <input type="datetime-local"
                               class="form-control"
                               min="@periodoLimit.Inizio.AddHours(-1).ToString("yyyy-MM-ddTHH:mm")"
                               max="@DateTime.Now.Hour.ToString("yyyy-MM-ddTHH:mm")"
                               @bind="@dtFrom" />

                        <span class="input-group-text">A:</span>
                        <input type="datetime-local"
                               class="form-control"
                               min="@periodoLimit.Inizio.ToString("yyyy-MM-ddTHH:mm")"
                               max="@DateTime.Now.Hour.ToString("yyyy-MM-ddTHH:mm")"
                               @bind="@dtTo" />

                        <button class="btn btn-sm @btnReload" @onclick="DoReload">
                            Carica <i class="fa-solid fa-arrows-rotate"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        <OfferStats AllRecords="AllOfferRecords"></OfferStats>
    </div>
</div> *@