@page "/"
@page "/Home"
@page "/Index"

<PageTitle>Index</PageTitle>

<div class="card mb-5">
    <div class="card-header bg-dark text-light">
        <div class="d-flex justify-content-between">
            <div class="p-2">
                <img src="images/LogoMapo.png" class="image-fluid" height="64" />
            </div>
            <div class="p-2 align-content-center fs-1">
                <b>MAPO SPEC</b>
            </div>
            <div class="p-2">
                <img src="images/LogoEgw.png" class="image-fluid" height="64" />
            </div>
        </div>

    </div>
    <div class="card-body text-center">
        <div class="shortcuts my-3 py-3">
            <div class="row">
                <div class="col-12">
                    @if (ElencoLink == null)
                    {
                        <LoadingData></LoadingData>
                    }
                    else if (ElencoLink.Count == 0)
                    {
                        <div class="alert alert-danger" role="alert">
                            Nessun record trovato!
                        </div>
                    }
                    else
                    {
                        foreach (var item in ElencoLink)
                        {
                            @if (string.IsNullOrEmpty(item.Ruolo) || HasRole(item.Ruolo))
                            {
                                <a href="@item.NavigateUrl" class="shortcut">
                                    <i class="@item.Icona shortcut-icon"></i>
                                    <span class="shortcut-label">@item.Testo</span>
                                </a>
                            }
                        }
                    }
                </div>
            </div>
        </div>
    </div>
    <dic class="card-footer bg-primary">
        <div class="d-flex text-white justify-content-between">
            <div class="px-2">
                <h1>@currAzienda</h1>
            </div>
            <div class="px-2">
                <h3 class="my-2">MAPO MES Custom Pages</h3>
            </div>
        </div>
    </dic>
</div>