@page "/"

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

<div class="alert alert-secondary bg-gradient shadow">
    <div class="row px-4">
        <div class="col-12 col-md-9">
            <h1 class="fs-2">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 fs-2 font-weight-bold">
                MES Suite
            </div>
            <div class="badge rounded-pill bg-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/LogoBluGreen.png" /></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card shadow">
    <div class="card-body py-2">
        @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-12 col-sm-6 col-lg-4 col-xl-3 px-1 my-0">
                        <HomeLink CurrItem="@item"></HomeLink>
                    </div>
                }
            </div>
        }
    </div>
</div>