@page "/InveSession"



<div class="card">
    <div class="card-header d-flex justify-content-between">
        <div class="px-1">
            <div class="d-flex">
                <div class="px-2">
                    <b class="fs-3">Sessione</b>
                </div>
                <div class="px-2">
                    <button class="btn btn-success" @onclick="()=>openNew()">
                        <i class="fa-regular fa-square-plus"></i> &nbsp; NUOVA
                    </button>
                </div>
            </div>
        </div>
        <div class="px-1">
            <div class="input-group input-group-sm">
                <div class="input-group-text">
                    <span class="me-1">In corso</span>
                    <div class="form-check form-check-sm form-switch py-1" title="Parameter View Mode (RealTime / LogData)">
                        <input class="form-check-input" type="checkbox" id="mySwitch" name="setupAlarms" @onclick="() => toggle()">
                    </div>
                    <span class="">Trasferite</span>
                </div>
            </div>
        </div>
        <div class="px-1">
            <div class="input-group">
            <label class="input-group-text" for="txtSearch"><i class="fa-solid fa-magnifying-glass"></i></label>
            <input type="text" class="form-control" id="txtSearch" @bind="@searchVal" title="Campo Ricerca" placeholder="Ricerca [ALT-R]" accesskey="R">
            <button @onclick="reset" class="btn btn-success input-group-text"><i class="fa-solid fa-rotate"></i></button>
            </div>
        </div>
    </div>

    <div class="card-body">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <InveSessionList currParams="@currParams" isLoading="@isLoading"></InveSessionList>
        }

    </div>
    <div class="card-footer py-1">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="@isLoading" />
    </div>
</div>