@page "/"

@using MP.Land.Data
@using MP.Land.Components

<div class="card">
    <div class="card-header">
        <div class="row">
            <div class="col-12 col-md-9">
                <h1>MAPO Land</h1>
                <div>
                    Pannello di gestione della <a href="https://steamware.net/prodotti/iot/" target="_blank">suite MAPO MES</a>: l'integrazione di MES + SCADA + IOT + Gestione Commesse
                </div>
            </div>
            <div class="col-12 col-md-3 text-center">
                <div class="h2">
                    MES Suite
                </div>
                <div class="badge badge-pill badge-dark px-4 py-2">
                    <div class="px-1">
                        <a class="text-light" href="https://www.egalware.com/" target="_blank">powered by&nbsp;EgalWare <img width="24" class="img-fluid" src="img/LogoBlu.svg" /></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        @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">
                @foreach (var item in ListRecords)
                {
                    <div class="col-3 mb-3">
                        <div class="card">
                            <div class="card-header">
                                <h3>@item.AppName</h3>
                            </div>
                            <div class="card-body">
                                dettagli
                                <ul>
                                    @(traduci($"{item.AppName}-LIST"))
                                </ul>
                            </div>
                            @if (string.IsNullOrEmpty(item.LicenseKey))
                            {
                                <div class="card-footer text-danger py-1">
                                    Licenza non attivata!
                                </div>
                            }
                        </div>
                    </div>
                }
            </div>
        }
    </div>
</div>