@if (isLoading)
{
    <LoadingData></LoadingData>
}
else
{
    @if (isSendingData)
    {
        <ProgressDisplay Title="Salvataggio ed invio richiesta" CurrVal="@sendDataVal" NextVal="@sendDataNextVal" MaxVal="@sendDataMaxVal" ExpTimeMSec="1000"></ProgressDisplay>
    }
    @if (ListRecords == null)
    {
        <LoadingData DisplaySize="LoadingData.CtrlSize.Small"></LoadingData>
    }
    else
    {
        @if (showAdd)
        {
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-5">
                            <b>Causale</b>
                        </div>
                        <div class="col-7">
                            <div class="input-group input-group-sm">
                                <select @bind="@CodGiust" class="form-select">
                                    <option value="">--- Selezionare Causale ---</option>
                                    @if (ListGiust != null)
                                    {
                                        @foreach (var giust in ListGiust)
                                        {
                                            <option value="@giust.codGiust">@giust.descrizione</option>
                                        }
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-5">
                            <b>Inizio Periodo</b>
                            <div class="small">min: @($"{minDate(currRecord.CodGiust):dd.MM.yyyy}")</div>
                        </div>
                        <div class="col-7">
                            @if (@CodGiust == "PERM" || @CodGiust == "104")
                            {
                                <input type="datetime-local" aria-label="Last name" class="form-control text-end" @bind="@dtStart" min="@($"{minDate(CodGiust):yyyy-MM-dd HH:mm}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd HH:mm}")">
                            }
                            else
                            {
                                <input type="date" aria-label="Last name" class="form-control text-end" @bind="@dtStart" min="@($"{minDate(CodGiust):yyyy-MM-dd}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd}")">
                            }
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-5">
                            <b>Fine Periodo</b>
                            <div class="small">max: @($"{maxDate(currRecord.CodGiust):dd.MM.yyyy}")</div>
                        </div>
                        <div class="col-7">

                            @if (@CodGiust == "PERM" || @CodGiust == "104")
                            {
                                <input type="datetime-local" aria-label="Last name" class="form-control text-end" @bind="@dtEnd" min="@($"{minDate(CodGiust):yyyy-MM-dd HH:mm}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd HH:mm}")">
                            }
                            else
                            {
                                <input type="date" aria-label="Last name" class="form-control text-end" @bind="@dtEnd" min="@($"{minDate(CodGiust):yyyy-MM-dd}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd}")">
                            }
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-5">
                            <b>Note</b>
                            <div class="small">(opzionali)</div>
                        </div>
                        <div class="col-7">
                            <textarea class="form-control form-control-sm small" @bind="@currRecord.Note"></textarea>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col">
                            <button class="btn btn-warning w-100" @onclick="() => toggleAddNew()"><i class="fas fa-window-close"></i> Cancel</button>
                        </div>
                        <div class="col">
                            @if (CodGiust != "")
                            {
                                <button class="btn btn-success w-100" @onclick="() => insertRecord()"><i class="far fa-save"></i> Registra evento</button>
                            }
                            else
                            {
                                <button class="btn btn-secondary w-100" disabled><i class="far fa-save"></i> Registra evento</button>
                            }
                        </div>
                    </div>
                </li>
            </ul>
        }
        @if (ListRecords.Count == 0)
        {
            <div class="alert alert-warning d-flex justify-content-between">
                <div>
                    Nessu record registrato
                </div>
                <div>
                    <button class="btn btn-success btn-sm" @onclick="() => toggleAddNew()">Add New</button>
                </div>
            </div>
        }
        else
        {
            <table class="table table-sm table-striped table-responsive-md border border-dark">
                <thead>
                    <tr class="bg-dark text-light">
                        <th>
                            <button class="btn btn-success btn-sm" @onclick="() => toggleAddNew()"><i class="fas fa-plus"></i></button>
                        </th>
                        <th>Periodo</th>
                        <th class="text-end">
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in ListRecords)
                    {
                        <tr>
                            <td>
                                @if (!item.Conf)
                                {
                                    <button class="btn btn-primary btn-sm" @onclick="() => editRec(item)">
                                        <b>@item.CodGiustTrim</b>
                                    </button>
                                }
                                else
                                {
                                    <div class="btn btn-sm btn-secondary disabled">
                                        <b>@item.CodGiustTrim</b>
                                    </div>
                                }
                            </td>
                            <td>
                                <div>
                                    @if (item.CodGiust == "PERM")
                                    {
                                        <div class="d-flex justify-content-between pe-2">
                                            <div>
                                                @item.DtStart.ToString("dd MMM yyyy"), <b>@item.DtStart.ToString("HH:mm")</b>
                                                <i class="fas fa-caret-right"></i>
                                                <b>@item.DtEnd.ToString("HH:mm")</b>
                                            </div>
                                            <div>
                                                <b>@item.Durata</b>
                                            </div>
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="d-flex justify-content-between pe-2">
                                            <div>
                                                <b>@item.DtStart.ToString("dd MMM")</b> @item.DtStart.ToString("yyyy")
                                                <i class="fas fa-caret-right"></i>
                                                <b>@item.DtEnd.ToString("dd MMM")</b> @item.DtEnd.ToString("yyyy")
                                            </div>
                                            <div>
                                                <b>@item.Durata</b>
                                            </div>
                                        </div>
                                    }
                                </div>
                                <div class="small">
                                    @item.Note
                                </div>
                            </td>
                            <td class="text-end">
                                @if (!item.Conf)
                                {
                                    <button class="btn btn-danger btn-sm" @onclick="() => DeleteRec(item)"><i class="fas fa-trash-alt"></i></button>
                                }
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        }
    }
}