@using MP.MONO.UI.Components
@using MP.MONO.Core.DTO
@using MP.MONO.UI.Data

@inject CurrentDataService MMDataService

@if (ListRecords != null && ListRecords.Count > 0)
{
    <ul class="list-group">
        @foreach (var item in ListRecords)
        {
            <li class="list-group-item list-group-item-action @cssActive(item.Title)" @onclick="() => raiseSelect(item.Title)">
                <div class="row" title="click to show graph">
                    <div class="col-4">
                        @if (!string.IsNullOrEmpty(item.CssIcon))
                        {
                            <div class="d-flex flex-column">
                                <div class="small"><sup>@item.Title</sup></div>
                                <div><i class="@item.CssIcon"></i></div>
                            </div>
                        }
                        else
                        {
                            <div>@item.Title</div>
                        }
                    </div>
                    <div class="col-8 text-right">
                        <div class="d-flex flex-column">
                            <div><h5><b>@item.Value</b></h5></div>
                            @if (item.ShowBar)
                            {
                                <div class="w-100">
                                    <div class="progress" style="height: 0.3rem;">
                                        <div class="progress-bar" role="progressbar" style="@percProgress(item.ValueNum, item.MinVal, item.MaxVal)" aria-valuenow="@item.ValueNum" aria-valuemin="@item.MinVal" aria-valuemax="@item.MaxVal"></div>
                                    </div>
                                </div>
                            }
                        </div>
                    </div>
                </div>
            </li>
            @* @if (item.Title != null) {
                <div class="p-1 py-md-2">
                @if (ListRecords == null || ListRecords.Count == 0)
                {
                <LoadingDataSmall></LoadingDataSmall>
                }
                else
                {
                @*<Line Id="@(ListRecords.)" AspRatio="2" DataTS="@LevelVal" lineColor="@getLineColors("0.75")" backColor="@getFillColors("0.25")" pointColor="@getPointColors("1")" lTens="0" Title="Livello" MinValue="0" MaxValue="30000"></Line>
                <MP.MONO.UI.Components.Chart.Line AspRatio="2" DataTS="@LevelVal"></MP.MONO.UI.Components.Chart.Line>
                }
                </div>
                }*@
        }
    </ul>
    @* @if (string.IsNullOrEmpty(EC_SelValue)
        {
        <div class="p-1 py-md-2">
        @if (ListRecords == null || ListRecords.Count == 0)
        {
        <LoadingDataSmall></LoadingDataSmall>
        }
        else
        {
        <MP.MONO.UI.Components.Chart.Line AspRatio="2" DataTS="@LevelVal"></MP.MONO.UI.Components.Chart.Line>
        }
        </div>
        }*@


}
else
{
    @*<ul>
        <li>Current Parameters</li>
        <li>Values Log</li>
        <li>Parameters History</li>
        </ul>*@
    <i>...waiting for parameters</i>
    <LoadingDataSmall></LoadingDataSmall>
}