@page "/TestInput"

<PageTitle>TestInput</PageTitle>


<div class="card">
    <div class="card-header">
        <h3>Test Input Specializzati</h3>
    </div>
    <div class="card-body py-1">
        <div class="row">
             <div class="col-4">
                 <div class="fs-4">
                     Decimal
                </div>
                <div class="input-group">
                    <InputDecimal Decimals="0" Step="0.001M" CssClass="form-control form-control-lg text-end w-auto" @bind-Value="@DecimalValue"></InputDecimal>
                    <span class="input-group-text">Decimal 0</span>
                </div>
                <div class="input-group">
                    <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control form-control-lg text-end w-auto" @bind-Value="@DecimalValue"></InputDecimal>
                    <span class="input-group-text">Decimal 3</span>
                </div>
            </div>
            <div class="col-4">
                <div class="fs-4">
                    Percentage
                </div>
                <div class="input-group">
                    <InputPercent CssClass="form-control form-control-lg text-end w-auto" @bind-Value="@PercValue" Decimals="0"></InputPercent>
                    <span class="input-group-text">Percent P0</span>
                </div>
                <div class="input-group">
                    <InputPercent CssClass="form-control form-control-lg text-end w-auto" @bind-Value="@PercValue" Decimals="2"></InputPercent>
                    <span class="input-group-text">Percent P2</span>
                </div>
                <div class="input-group">
                    <InputPercent CssClass="form-control form-control-lg text-end w-auto" @bind-Value="@PercValue" Decimals="2" ForceInvariantParsing="true"></InputPercent>
                    <span class="input-group-text">Percent P2 Invariant</span>
                </div>
            </div>
            <div class="col-4"></div>
        </div>
    </div>
</div>

@code {
    private decimal DecimalValue = 0;
    private decimal PercValue = 0.123M;
}