@page "/Operatori"


@if (isLoading)
{
    <LoadingData></LoadingData>
}
else if (listOprAll == null)
{
    <div class="alert alert-warning">Nessun record trovato</div>
}
else
{
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <div class="py-1">
                Lista Operatori
            </div>
            <div>
                <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalNewFam">Aggiungi Operatore</button>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>
                            Id esterno
                        </th>
                        <th>
                            Cognome
                        </th>
                        <th>
                            Nome
                        </th>
                        <th>

                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in listOprAll)
                    {
                        <tr>
                            <td>
                                @item.CodExt
                            </td>
                            <td>
                                @item.LastName
                            </td>
                            <td>
                                @item.FirstName
                            </td>
                            <td>
                                <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modalNewFam" @onclick="()=>setCurrOpr(item)"><i class="fa-solid fa-pen-to-square"></i></button>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    </div>

    <div class="modal fade" id="modalNewFam" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="modalNewFamLabel">Aggiungere nuovo articolo</h1>
                    <button type="button" class="btn-close" aria-label="Close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="w-100">
                        <div class="form-floating">
                            <input id="codExt" @bind="@CodExt" class="form-control w-100 my-1" />
                            <label for="codExt" class="form-label">Codice esterno</label>
                        </div>
                        <div class="form-floating">
                            <input id="Cognome" @bind="@Cognome" class="form-control w-100 my-1" />
                            <label for="Cognome" class="form-label">Cognome</label>
                        </div>
                        <div class="form-floating">
                            <input id="Nome" @bind="@Nome" class="form-control w-100 my-1" />
                            <label for="Nome" class="form-label">Nome</label>
                        </div>
                    </div>
                    <div class="text-center mt-5">
                        @if (currOpr == null)
                        {

                            <button class="btn btn-success" @onclick="()=>addNewItem()"><i class="fa-regular fa-circle-check"></i></button>
                        }
                        else
                        {
                            <button class="btn btn-success" @onclick="()=>ModOpr()"><i class="fa-regular fa-circle-check"></i></button>
                        }
                        <button class="btn btn-danger" data-bs-dismiss="modal"><i class="fa-solid fa-ban"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
}