@page "/DOSS"

<div class="card mb-5">
    <div class="card-header table-primary">
        <div class="d-flex">
            <div class="px-0 py-1">
                <h3><b>DOSSIERS</b></h3>
            </div>
            <div class="px-2 flex-fill">
                @if (isFiltering)
                {
                    <LoadingDataSmall></LoadingDataSmall>
                    <i>filtro x macchina / periodo</i>
                }
                else
                {

                    <DossiersFilter FilterChanged="updateFilter"></DossiersFilter>
                }
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (currDetFluxLogRecord != null)
        {
            <div class="row">
                <div class="col-12">
                    <div class="card mb-5">
                        <div class="card-header bg-primary text-light">Modifica Parametro</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-3 pe-0">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text" id="inputGroup-sizing-sm">MACCHINA</span>
                                        <input type="text" class="form-control" disabled aria-label="Art search" aria-describedby="inputGroup-sizing-sm" @bind-value="@currDetFluxLogRecord.IdxMacchina">
                                    </div>
                                </div>
                                <div class="col-3 pe-0">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text" id="inputGroup-sizing-sm">DATA</span>
                                        <input type="text" class="form-control" disabled aria-label="Art search" aria-describedby="inputGroup-sizing-sm"  @bind-value="@currDetFluxLogRecord.dtEvento">
                                    </div>
                                </div>
                                <div class="col-3 pe-0">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text" id="inputGroup-sizing-sm">DATA TYPE</span>
                                        <input type="text" class="form-control" disabled aria-label="Art search" aria-describedby="inputGroup-sizing-sm" @bind-value="@currDetFluxLogRecord.CodFlux">
                                    </div>
                                </div>
                                <div class="col-3 pe-0">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-text" id="inputGroup-sizing-sm">VALORE</span>
                                        <input type="text" class="form-control" aria-label="Art search" aria-describedby="inputGroup-sizing-sm" @bind-value="@currDetFluxLogRecord.ValoreEdit">
                                    </div>
                                </div>
                            </div>
                            <div class="row pt-4">
                                <div class="col-3 pe-0">
                                </div>
                                <div class="col-3 pe-0">
                                </div>
                                <div class="col-3 pe-0">
                                    <div class="d-grid gap-2">
                                        <button @onclick="() => cancel()" class="btn btn-warning">Annulla <i class="bi bi-x-circle"></i></button>
                                    </div>
                                </div>
                                <div class="col-3 pe-0">
                                    <div class="d-grid gap-2">
                                        <button @onclick="() => update(currDetFluxLogRecord)" class="btn btn-success">Save <i class="bi bi-save"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        }
    </div>
    @if (isLoading)
    {
        <LoadingData></LoadingData>
    }
    else
    {
        <ListDossiers SelFilter="@currFilter" RecordSel="@selRecordDoss" RecordSelFlux="@selRecordFlux" TotRecordChanged="updateTotal"></ListDossiers>
    }
</div>
<div class="card-footer py-1">
    <DataPager @ref="pagerODL" PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
</div>