@viewModel NumericControl.Controls.Numeric.FieldNumericViewModel, NumericControl

@noWrapperTag !
<div class="row mt-1 mb-1 pb-1">
    <div class="col-sm-4 col-md-3 col-xl-2 text-sm-right"
         Validator.InvalidCssClass="has-error"
         Validator.Value="{value: Value}">
        <span class="field-label">{{resource: LabelText}}</span>
        <dot:Validator Value="{value: Value}" InvalidCssClass="has-error">
            <span>*</span>
        </dot:Validator>
    </div>
    <div class="col-sm-8 col-md-9 col-xl-10">
        <bp:NumericUpDown Value="{value: Value}"
                          IncludeInPage="{value: !IsReadOnly}"
                          MinValue="{value: MinValue}"
                          MaxValue="{value: MaxValue}"
                          Step="{value: Step}"
                          Placeholder="{resource: IsRequired ? RequiredText : string.Empty}"
                          UseFormatStringAsPlaceholder="false"
                          FormatString="{resource: FormatString}"
                          Changed="{command: ValueChanged()}" />
        <span IncludeInPage="{value: IsReadOnly}">{{value:  Value}}</span>
        <dot:Validator Value="{value: Value}" IncludeInPage="{value: !IsReadOnly && IsRequired}">
            <span class="validation-label label-danger"
                  Visible="{value: _page.EvaluatingOnClient && !Value.HasValue}">{{value: RequiredText}}</span>
        </dot:Validator>
        <div class="label-hint" IncludeInPage="{resource: !string.IsNullOrEmpty(HintText)}">
            {{resource: HintText}}
        </div>
    </div>
</div>