@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>
                        @*@if (isEditing)
                    {
                    <span class="text-light">PENDING CHANGES...</span>
                    }*@
                    </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)
                                        {
                                            @if (!item.DescMag.Contains("NON USARE"))
                                            {

                                                <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 table-striped">
    <thead>
        <tr>
            <th>Apri</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>
                    <td>
                        <!-- Button trigger modal -->
                        <a href="Invio?sessID=@item.InveSessID&codMag=@item.AnagMagNav.CodMag" class="btn btn-dark" title="Apri pagina sessione">
                            <i class="fa-solid fa-up-right-from-square"></i>
                        </a>
                    </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>
                        @if (!item.Transferred)
                        {
                            <button class="btn btn-danger btn-sm" @onclick="()=>deleteSession(item)">
                                <i class="fa-solid fa-trash-can"></i>
                            </button>
                        }
                    </td>
                </tr>

            }
        }
    </tbody>
</table>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">CONNETTERSI ALLA SESSIONE: <b>@currIdSess</b></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="card-body text-center">
                    <div class="img-fluid" id="qrCodeImg_101"></div>
                </div>
            </div>
            <div class="modal-footer">
                <span>
                    Matricola Operatore: <b>@idOperatore</b>
                </span>
            </div>
        </div>
    </div>
</div>