@page "/SMEvent2State"
<div class="text-center">
    <span class="fs-1"><i class="fa-solid fa-bullseye"></i> <b>Stati</b> rul &rarr; csv</span>
</div>


<div class="w-100 shadow-lg p-3 rounded mb-2">

    <div class="d-flex justify-content-between w-100">

        <div class="mb-2 col-6">
            <InputFile OnChange="@LoadFiles" multiple />
        </div>

        <div class="col-6">
            <div class="d-flex justify-content-between w-100">
                <div class="form-check px-2">
                    <input class="form-check-input" type="checkbox" value="" @bind="@CalcItself" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                        Stesso stato
                    </label>
                </div>
                <div class="form-check px-2">
                    <input class="form-check-input" type="checkbox" value="" @bind="@CalcEmptyState" id="flexCheckDefault2">
                    <label class="form-check-label" for="flexCheckDefault2">
                        Stato zero
                    </label>
                </div>
                <div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault1" @bind="@OrderByStEv">
                        <label class="form-check-label" for="flexRadioDefault1">
                            STATO ed EVENTO
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2" @bind="@OrderByEvSt">
                        <label class="form-check-label" for="flexRadioDefault2">
                            EVENTO e STATO
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault3" @bind="@OrderByEvNxSt">
                        <label class="form-check-label" for="flexRadioDefault3">
                            EVENTO e NEXT STATE
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <FilesList PagerResetReq="pgResetReq" updateRecordCount="UpdateTotCount" currFilter="@currFilter" hasBit="false" calcItSelf="@CalcItself" calcEmptyState="@CalcEmptyState" succFiles="@resetSucc" orderType="@OrderType"></FilesList>
</div>

<div class="w-100 shadow-lg p-3 bg-body rounded mb-2">
    <DataPager @ref="pagerSMIn2Ev" PageSize="@numRecord" currPage="@currPage" numRecordChanged="@ForceReload" numPageChanged="@ForceReloadPage" totalCount="@totalCount" />
</div>