@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 d-flex align-items-center">
                <div class="ms-auto d-flex align-items-center">
                    <div class="me-3">max rec: <b>@currFilter.MaxRecord</b> &rarr;</div>
                    <div class="flex-grow-1">
                        @if (isFiltering)
                        {
                            <LoadingData DisplaySize="LoadingData.CtrlSize.Small"></LoadingData>
                            <i>filtro x macchina / periodo</i>
                        }
                        else
                        {
                            <DossiersFilter FilterChanged="updateFilter" SelFilterDossier="currFilter"></DossiersFilter>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <ListDossiers SelFilter="@currFilter" RecordSel="@selRecordDoss" 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>
</div>