@page "/InveSession"



<div class="card">
    <div class="card-header d-flex justify-content-between">
        <div class="col-5">
            <h3>Sessione</h3>
        </div>
        <div class="col-2 align-content-center">
            <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="">Concluse</span>
                </div>
            </div>
        </div>
        <div class="col-5 d-flex flex-row-reverse">
            <button class="btn btn-success" @onclick="()=>openNew()">
                <i class="fa-regular fa-square-plus"></i> &nbsp; NUOVO
            </button>
        </div>
    </div>

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

                <div class="row">
                    <div class="col-12">
                        <div class="card mb-5">
                            <div class="card-header bg-primary text-light d-flex justify-content-between">
                                <div>
                                    Avvia una nuova sessione
                                </div>
                                <div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-4 pe-0">
                                        <div class="input-group input-group-sm">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">Magazzino</span>
                                            <select class="form-select" @bind="@magazzino">
                                                <option value="-1" selected>--Selezionare magazzino--</option>
                                                @if (ElencoMagazzini != null)
                                                {
                                                    @foreach (var item in ElencoMagazzini)
                                                    {
                                                        <option value="@item.MagID">@item.CodMag @item.CodCS | @item.DescMag</option>
                                                    }
                                                }
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-8 pe-0">
                                        <div class="input-group input-group-sm">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">Descrizione</span>
                                            <input type="text" class="form-control" aria-label="Art search" aria-describedby="inputGroup-sizing-sm" @bind="@desc">
                                        </div>
                                    </div>

                                </div>
                                <div class="row pt-4" style="visibility:">
                                    <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 class="btn btn-warning" @onclick="closeNew">Annulla <i class="bi bi-x-circle"></i></button>
                                        </div>
                                    </div>
                                    <div class="col-3 pe-0">
                                        @if (magazzino != -1)
                                        {
                                            <div class="d-grid gap-2">
                                                <button class="btn btn-success" @onclick="insertNewSession">Save <i class="bi bi-save"></i></button>
                                            </div>
                                        }
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            }
            <table class="table">
                <thead>
                    <tr>
                        @if (inCorso)
                        {
                            <th scope="col">QR</th>
                        }
                        <th scope="col">ID sessione</th>
                        <th scope="col">Magazzino</th>
                        <th scope="col">Operatore</th>
                        <th scope="col">Data inizio</th>
                        <th scope="col">Data fine</th>
                        <th scope="col">Description</th>
                        <th scope="col">Trasferita</th>
                        <th scope="col"></th>
                    </tr>
                </thead>
                <tbody>
                    @if (elencoSessioni != null)
                    {
                        @foreach (var item in elencoSessioni)
                        {
                            <tr>
                                @if (inCorso)
                                {
                                    <td>
                                        <!-- Button trigger modal -->
                                        <button type="button" class="btn btn-dark" data-bs-toggle="modal" data-bs-target="#exampleModal" @onclick="()=> getCurrSess(item.InveSessID)" title="Apri qr per connettersi alla sessione">
                                            <i class="fa-solid fa-qrcode"></i>
                                        </button>
                                    </td>
                                }
                                <td>
                                    @item.InveSessID
                                </td>
                                <td>
                                    @item.AnagMagNav.DescMag
                                </td>

                                <td>
                                    @item.UserCrea
                                </td>
                                <td>
                                    @item.DtStart
                                </td>
                                @if (item.DtEnd != null)
                                {
                                    <td>
                                        @item.DtEnd
                                    </td>
                                }
                                else
                                {
                                    <td>
                                        In corso...
                                    </td>
                                }
                                <td>
                                    @item.Description
                                </td>
                                <td>
                                    @if (item.Transferred)
                                    {
                                        <i class="fa-regular fa-square-check text-success"></i>
                                    }
                                    else
                                    {

                                        <i class="fa-regular fa-square text-dark"></i>
                                    }
                                </td>
                                <td>
                                    <button class="btn btn-danger btn-sm" @onclick="()=>deleteSession(item)">
                                        <i class="fa-solid fa-trash-can"></i>
                                    </button>
                                </td>
                            </tr>

                        }
                    }
                </tbody>
            </table>*@
        }

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