@page "/test"

@using MP.Stats.Components.ChartJs

<h1>Test Normal plot</h1>


<div class="row">
    <div class="col">
        <div class="form-group mb-0">
            <div class="input-group input-group-sm">
                <div class="input-group-prepend">
                    <label class="input-group-text"># punti</label>
                </div>
                <input class="form-control form-control-sm" @bind="@numRec" placeholder="# punti da simulare" type="number" />
                <div class="input-group-prepend">
                    <label class="input-group-text">media</label>
                </div>
                <input class="form-control form-control-sm" @bind="@mean" placeholder="valore media" type="number" />
                <div class="input-group-prepend">
                    <label class="input-group-text">std dev</label>
                </div>
                <input class="form-control form-control-sm" @bind="@stdDev" placeholder="deviazione standard" type="number" />
                <div class="input-group-prepend">
                    <label class="input-group-text">Tensione linea</label>
                </div>
                <input class="form-control form-control-sm" @bind="@lineTens" placeholder="deviazione standard" type="number" />
                <div class="input-group-append">
                    <button class="btn btn-info btn-sm" @onclick="@(async () => await HandleRedraw())">Redraw</button>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-6">
        <BarPlot Id="TestBar" AspRatio="3" Data="@histData" Labels="@histLabel" lineColor="@lineColors" backColor="@bgColors" Legenda="Freq. Osservate"></BarPlot>
    </div>
    <div class="col-6">
        <StepLine Id="TestTS" AspRatio="3" DataTS="@dataList" lineColor="@lineColors.Skip(4).Take(1).ToList()" backColor="@bgColors.Skip(4).Take(1).ToList()"></StepLine>
    </div>
    <div class="col-6">
        <BarPlot Id="TestBarHor" Horizontal="true" AspRatio="3" Data="@histData" Labels="@histLabel" lineColor="@lineColors" backColor="@bgColors" Legenda="Freq. Osservate"></BarPlot>
    </div>
    <div class="col-6">
        <Line Id="TestLineTS" AspRatio="3" DataTS="@dataList" lineColor="@lineColors.Skip(1).Take(1).ToList()" backColor="@bgColors.Skip(1).Take(1).ToList()" lTens="@lineTens"></Line>
    </div>
    <div class="col-6">
        <PieChart Id="Testpie" AspRatio="3" Data="@histData" Labels="@histLabel" lineColor="@lineColors" backColor="@bgColors"></PieChart>
    </div>
    <div class="col-6">
        <Line Id="TestLineTS2" AspRatio="3" DataTS="@dataList" lineColor="@lineColors.Skip(1).Take(1).ToList()" backColor="@bgColors.Skip(1).Take(1).ToList()" lTens="@lineTens"></Line>
    </div>
    <div class="col-6">
        <Line Id="TestLineTS3" AspRatio="3" DataTS="@dataList" lineColor="@lineColors.Skip(1).Take(1).ToList()" backColor="@bgColors.Skip(1).Take(1).ToList()" lTens="@lineTens"></Line>
    </div>
</div>