@page "/"

@using MP.Data
@using MP.Data.DatabaseModels
@inject HttpClient Http
@inject NavigationManager NavManager

<PageTitle>MP MON</PageTitle>

<div class="row statusMap mx-1 my-1">

    @if (listMSE == null)
    {
        <div class="col-12">
            <LoadingData></LoadingData>
        </div>
    }
    else if (listMSE.Count == 0)
    {
        <div class="col-12">
            <div class="alert alert-warning">
                No data found
            </div>
        </div>
    }
    else
    {
        int currIdx = 0;
        foreach (var recordIob in listMSE)
        {
            <DetailMSE CurrRecord="@recordIob" currTagConf="@getIobTag(recordIob.IdxMacchina)" currTagVal="@getTagVal(recordIob.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailMSE>
            currIdx++;
            if (currIdx >= maxCol)
            {
                currIdx = 0;
                @((MarkupString)"</div><div class=\"row statusMap mx-1 my-1\">");
            }
        }
        // controllo se devo "chiudere riga...
        int currNum = (currIdx % maxCol);
        while (currNum < (maxCol))
        {
            @((MarkupString)"<div class=\"col machBlock\">&nbsp;</div>");
            currNum++;

        }
    }
</div>