<div class="t-content" ng-controller="MultipleNumericInputExampleController as $ctrl">
    <form class="c-generalForm">
        <fieldset class="c-fieldset">
            <div class="c-fieldset-item">
                <label>Notification Threshold</label>
                <multiple-numeric-input
                    ng-model="$ctrl.model"
                    add-additional-link-text="Add Another Notification Threshold">
                </multiple-numeric-input>
            </div>
        </fieldset>
        <pre ng-bind="$ctrl.model | json"></pre>
    </form>
</div>

<div class="t-content" ng-controller="MultipleNumericInputExampleController as $ctrl">
    <form class="c-generalForm">
        <fieldset class="c-fieldset">
            <div class="c-fieldset-item is-required"
                form-field-error-state="notificationThreshold"
                form-field-locale-key="::$ctrl.requiredErrorMessage">
                <label>Notification Threshold</label>
                <multiple-numeric-input
                    name="notificationThreshold"
                    ng-model="$ctrl.requiredModel"
                    add-additional-link-text="Add Another Notification Threshold"
                    is-required="true">
                </multiple-numeric-input>
                <form-field-error-messages name="notificationThreshold"></form-field-error-messages>
            </div>
        </fieldset>
        <pre ng-bind="$ctrl.requiredModel | json"></pre>
    </form>
</div>

<div class="t-content" ng-controller="MultipleNumericInputExampleController as $ctrl">
    <form class="c-generalForm">
        <fieldset class="c-fieldset">
            <div class="c-fieldset-item">
                <label>Notification Threshold</label>
                <multiple-numeric-input
                    ng-model="$ctrl.isSingleItemModel"
                    add-additional-link-text="Add Another Notification Threshold"
                    is-single-item="true">
                </multiple-numeric-input>
            </div>
        </fieldset>
        <pre ng-bind="$ctrl.isSingleItemModel | json"></pre>
    </form>
</div>

<div class="t-content" ng-controller="MultipleNumericInputExampleController as $ctrl">
    <form class="c-generalForm">
        <fieldset class="c-fieldset">
            <div class="c-fieldset-item">
                <label>Notification Threshold</label>
                <multiple-numeric-input
                    ng-model="$ctrl.customMinMaxModel"
                    add-additional-link-text="Add Another Notification Threshold"
                    min-value="$ctrl.minValue"
                    max-value="$ctrl.maxValue">
                </multiple-numeric-input>
            </div>
        </fieldset>
        <pre ng-bind="$ctrl.customMinMaxModel | json"></pre>
    </form>
</div>

<div class="t-content" ng-controller="MultipleNumericInputExampleController as $ctrl">
    <form class="c-generalForm">
        <fieldset class="c-fieldset">
            <div class="c-fieldset-item">
                <label>Notification Threshold</label>
                <multiple-numeric-input
                    ng-model="$ctrl.allowDecimalModel"
                    allow-decimal="true"
                    decimal-places="2"
                    add-additional-link-text="Add Another Notification Threshold"
                    is-single-item="true">
                </multiple-numeric-input>
            </div>
        </fieldset>
        <pre ng-bind="$ctrl.allowDecimalModel | json"></pre>
    </form>
</div>