@page "/Invio"

@if (isLoading)
{
    <LoadingData></LoadingData>
}
else
{

    @if (sessione != null)
    {
        <div class="card mb-5">
            <div class="card-header">
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <b class="fs-3">Invio</b>
                    </div>
                    <div class="px-2">
                        <button class="btn btn-danger" @onclick="() => returnToSessions()">TORNA A SESSIONI</button>
                    </div>
                    <div class="px-2">
                        <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-secondary input-group-text"><i class="fa-solid fa-rotate"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th>ID sessione</th>
                            <th>Descrizione</th>
                            <th>Magazzino</th>
                            <th>Descrizione Mag</th>
                            <th class="text-center">Durata</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                @sessione.InveSessID
                            </td>
                            <td>
                                @sessione.Description
                            </td>
                            <td>
                                @sessione.AnagMagNav.CodMag
                            </td>
                            <td>
                                @sessione.AnagMagNav.DescMag
                            </td>
                            <td>
                                <div class="d-flex justify-content-between small">
                                    <div class="px-0">
                                        @sessione.DtStart
                                    </div>
                                    <div class="px-0">
                                        >>
                                    </div>
                                    @if (sessione.DtEnd != null)
                                    {
                                        <div class="px-0">
                                            @sessione.DtEnd
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="px-0">
                                            In corso..
                                        </div>
                                    }
                                </div>
                            </td>
                            <td class="text-end">
                                <div class="d-flex justify-content-end">
                                    <div class="btn-group px-2">
                                        <button class="btn btn-sm btn-primary" title="Mostra i dati delle scansioni per questa sessione" @onclick="mostraDati">
                                            <i class="fa-regular fa-rectangle-list"></i>
                                        </button>
                                        @if (fileExist)
                                        {
                                            <a target="_blank" href="Download?fileName=@fileName" class="btn btn-sm btn-primary" title="Scarica file CSV">
                                                <span class="oi oi-cloud-download"></span>
                                            </a>
                                        }
                                        else
                                        {
                                            <button class="btn btn-sm btn-info " title="Genera file CSV per Excel" @onclick="() => ExportCSV()">
                                                <i class="fa-regular fa-file-excel"></i>
                                            </button>
                                        }
                                    </div>
                                    <div class="btn-group px-1">
                                        @if (sessione.DtEnd == null)
                                        {
                                            <button class="btn btn-sm btn-danger" title="Chiudi la sessione corrente" @onclick="()=>chiudiSessione(sessione.InveSessID)"><i class="fa-solid fa-stop"></i></button>
                                        }
                                        else
                                        {
                                            <button class="btn btn-sm btn-secondary" title="Chiudi la sessione corrente" disabled><i class="fa-solid fa-stop"></i></button>
                                        }
                                        @if ((sessione.DtEnd != null) && (!sessione.Transferred))
                                        {
                                            <button class="btn btn-sm btn-success" title="Riapri la sessione corrente" @onclick="()=>apriSessione(sessione.InveSessID)"><i class="fa-regular fa-circle-play"></i></button>
                                        }
                                        else
                                        {
                                            <button class="btn btn-sm btn-secondary" title="Riapri la sessione corrente" disabled><i class="fa-regular fa-circle-play"></i></button>
                                        }
                                    </div>
                                    <div class="btn-group px-1">
                                        @if ((sessione.DtEnd != null) && (!sessione.Transferred))
                                        {
                                            <button class="btn btn-sm btn-warning" title="Trasferisci la sessione corrente" @onclick="()=>trasfSessione(sessione.InveSessID)"><i class="fa-solid fa-file-import"></i></button>
                                        }
                                        else
                                        {
                                            <button class="btn btn-sm btn-secondary" title="Trasferisci la sessione corrente" disabled><i class="fa-solid fa-file-import"></i></button>
                                        }
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                @if ((sessione.DtEnd == null) && (!sessione.Transferred))
                {
                    <div class="text-center">
                        <h3>Scansiona il codice per connetterti alla sessione @sessID</h3>
                        <div>
                            <div class="img-fluid" id="qrCodeImg_101"></div>
                        </div>
                    </div>
                }
                @if (mostra)
                {
                    @if (sessID != 0)
                    {
                        <div class="card">
                            <div class="card-header">
                                <b class="fs-4">Totale lotti</b>
                            </div>
                            <div class="card-body p-1">
                                <ListTotLotto SessionID="@sessID" currParams="@invioParams" isLoading="@isLoading" searchVal="@searchVal" updateRecordCount="UpdateTotCount"></ListTotLotto>
                            </div>
                            <div class="card-footer">
                                <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
                            </div>
                        </div>
                    }
                }
            </div>
        </div>
    }
}