@page "/TrendAnalysis"
@page "/trend-analysis"


<div class="card">
    <div class="card-header table-primary p-1">
        <SelectionFilter SelFilter="currFilter" filterChanged="DoFilter" filterReset="ResetFilter" ChartEnabled="false" OnlyEnergy="true" MaxNumMacc="MaxDisplay" SelMultiMacc="true"></SelectionFilter>
    </div>
    <div class="card-body py-0 px-1">
        @if (isLoading)
        {
            <LoadingData Title="Loading Data" DisplaySize="LoadingData.CtrlSize.Large" DisplayMode="LoadingData.SpinMode.Growl"></LoadingData>
        }
        else
        {
            if (MaccSelValid)
            {
                <ChartTrends RawData="PlotRecords" EC_CodFluxSel="SetCodFlux" CodFluxList="@CodFluxList" ShowRem="true" EC_IdxMaccRem="RemoveMachine"></ChartTrends>
            }
            else
            {
                <div class="alert alert-info my-2">
                    <div class="fs-4 d-flex justify-content-around">
                        <div>
                            Selezionare impianti (fino a @MaxDisplay) per attivare grafici
                        </div>
                        <div>
                            # Impianti: <b>@NumMacc</b> | # Rec tot: <b>@TotalCount.ToString("N0")</b>
                        </div>
                    </div>
                </div>
            }
        }
    </div>
    <div class="card-footer d-flex justify-content-between">
        <div class="px-0">
            <div class="input-group flex-nowrap">
                <span class="input-group-text" id="addon-wrapping">Res</span>
                <select @bind="@ReqRes" class="form-select">
                    @foreach (var item in Enum.GetValues(typeof(ResolutionLevel)))
                    {
                        <option value="@item">@item</option>
                    }
                </select>
                @if (ReqRes == ResolutionLevel.Custom)
                {
                    <input type="number" class="form-control" @bind="MaxPoints">
                }
                else
                {
                    <span class="input-group-text small text-secondary">@MaxPoints</span>
                }
            </div>
        </div>
        <div class="px-0">
            # Rec Sel: <b>@SelCount.ToString("N0")</b>
        </div>
    </div>
</div>