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

@using MP.Stats.Components

<div class="card">
    <div class="card-header table-primary p-1">
        <SelectionFilter SelFilter="currFilter" filterChanged="DoFilter" filterReset="ResetFilter" ChartEnabled="false" OnlyEnergy="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
        {
            <ChartTrends RawData="PlotRecords" EC_CodFluxSel="SetCodFlux" CodFluxList="@CodFluxList"></ChartTrends>
        }
    </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 Orig: <b>@totalCount</b>
        </div>
    </div>
</div>