@page "/UserManager"

@using Blazorise.Components
@using GWMS.UI.Components

<div class="card">
    <div class="card-header table-primary h3">
        <div class="row">
            <div class="col-3 h3">
                Elenco Utenti
            </div>
            <div class="col-9 text-right">
                <div class="d-flex justify-content-between">
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-user-shield"></i>
                                </span>
                            </div>
                            <select @bind="@SelLevel" class="form-control form-control-sm">
                                @foreach (var itemVal in Enum.GetValues(typeof(GWMS.Data.UserLevel)))
                                {
                                    <option>@itemVal</option>
                                }
                            </select>
                        </div>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <span class="fas fa-gas-pump" aria-hidden="true"></span>
                                </span>
                            </div>
                            <select @bind="@SelPlantId" class="form-control form-control-sm">
                                <option value="0">--- Tutti ---</option>
                                @if (PlantsList != null)
                                {
                                    foreach (var item in PlantsList)
                                    {
                                        <option value="@item.PlantId">@item.PlantCode | @item.PlantDesc</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <span class="fas fa-industry" aria-hidden="true"></span>
                                </span>
                            </div>
                            <select @bind="@SelSupplierId" class="form-control form-control-sm">
                                <option value="0">--- Tutti ---</option>
                                @if (SuppliersList != null)
                                {
                                    foreach (var item in SuppliersList)
                                    {
                                        <option value="@item.SupplierId">@item.SupplierCode | @item.SupplierDesc</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                    <div class="p-2">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <span class="fas fa-truck-moving" aria-hidden="true"></span>
                                </span>
                            </div>
                            <select @bind="@SelTransporterId" class="form-control form-control-sm" title="Trasportatore">
                                <option value="0">--- Tutti ---</option>
                                @if (TransportersList != null)
                                {
                                    foreach (var item in TransportersList)
                                    {
                                        <option value="@item.TransporterId">@item.TransporterCode | @item.TransporterDesc</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body p-1">
        @if (currRecord != null)
        {
            <UserEditor currItem="@currRecord" DataReset="ResetData" DataUpdated="UpdateData"></UserEditor>
        }
        @if (ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-warning text-center display-4">Nessun record trovato</div>
        }
        else
        {
            <div class="row">
                <div class="col-12">
                    <table class="table table-sm table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th>UserName</th>
                                <th>Cognome</th>
                                <th>Nome</th>
                                <th>Email</th>
                                <th>Att</th>
                                <th class="text-right">Livello</th>
                                <th class="text-right">Mask Impianto</th>
                                <th class="text-right">Mask Fornitore</th>
                                <th class="text-right">Mask Trasportatore</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var record in ListRecords)
                            {
                                <tr class="@checkSelect(@record.UserId)">
                                    <td class="text-nowrap"><button class="btn btn-sm btn-info" @onclick="() => Edit(record)"><span class="oi oi-pencil"></span></button></td>
                                    <td>@record.UserName</td>
                                    <td>@record.Lastname</td>
                                    <td>@record.Firstname</td>
                                    <td>@record.Email</td>
                                    <td><input type="checkbox" checked="@record.IsActive"></td>
                                    <td class="text-right">@record.Livello</td>
                                    <td class="text-right">@record.MaskPlantId</td>
                                    <td class="text-right">@record.MaskSupplierId</td>
                                    <td class="text-right">@record.MaskTranspId</td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        }
    </div>
    <div class="card-footer p-1">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>