<div class="modal-header">
    <div class="container">
        <h3 translate>
            Настройки сети
        </h3>
        <p>
            <strong>
                {[ deviceName() ]},
                <translate>версия</translate> {[ softwareVersion() ]}
                <span>/ {[ rieltaName() ]} {[ rieltaVersion() ]}</span>
            </strong><br>
        </p>
    </div>
</div>

<div id="rielta-network-options" class="modal-body">
    <div class="container">

        <form class="form-horizontal" name="rieltaNetworkSettings">

            <div ng-if="canChangeMode()">

                <div ng-show="!canAxsem()" class="row">
                    <div class="col-md-9">
                        <p class="alert alert-danger" translate>
                            Установленный в приборе беспроводной расширитель может работать только в режиме MRF
                        </p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-9">
                        <p translate>
                            Режимы работы беспроводных устройств:
                        </p>
                        <ul>
                            <li translate>Режим <b>MRF</b> позволяет работать со всеми беспроводными устройствами производства «Си-Норд».</li>
                            <li translate>В режиме <b>AXSEM</b> возможна работа только с беспроводными устройствами, оборудованными радиомодулем AXSEM. Такие устройства имеют красную печатную плату.</li>
                        </ul>
                    </div>
                </div>

                <br/>

                <div class="form-group">
                    <label class="control-label col-md-4" translate translate-context="(настройка параметров БРШС)">Режим</label>
                    <div class="col-md-1">
                        <label ng-repeat="mode in rieltaModes">
                            <input type="radio" name="mode"
                                ng-model="network_options.mode" required
                                ng-change="rieltaNetworkSettings.letter.$validate()"
                                ng-disabled="!canAxsem() && network_options.mode != 'AXSEM'"
                                ng-value="mode.name">
                            {[ mode.name ]}
                        </label>
                    </div>
                </div>

            </div>

            <div class="form-group row" ng-class="rieltaNetworkSettings.letter.$invalid?'has-error':''">
                <label class="col-md-4 control-label" translate>Номер частотной литеры</label>
                <div class="row">
                    <div class="col-md-1">
                        <input type="text" class="form-control" name="letter"
                               ng-model="network_options.letter" required
                               ng-pattern="/^\d+$/"
                               validate-using-function="{ func: validateLetter, key: 'range'}"
                               ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }"
                               ng-change="formGuard(rieltaNetworkSettings)">
                    </div>
                    <div class="col-md-5">
                        <div ng-show="rieltaNetworkSettings.letter.$error.range &&
                                      !rieltaNetworkSettings.letter.$error.required &&
                                      network_options.mode == 'MRF'" class="help-block" class="help-block" translate>
                            Значение должно быть в интервале 1..4
                        </div>
                        <div ng-show="rieltaNetworkSettings.letter.$error.range &&
                                      !rieltaNetworkSettings.letter.$error.required &&
                                      network_options.mode == 'AXSEM'" class="help-block" translate>
                            Значение должно быть в интервале 1..8
                        </div>
                        <div ng-show="rieltaNetworkSettings.letter.$error.pattern" class="help-block" translate>
                            Допустимые символы &ndash; только цифры
                        </div>
                        <div ng-show="rieltaNetworkSettings.letter.$error.required" class="help-block" translate>
                            Номер частотной литеры не может быть пустым
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row" ng-class="rieltaNetworkSettings.number.$invalid?'has-error':''">
                <label class="col-md-4 control-label" translate>Номер сети</label>
                <div class="row">
                    <div class="col-md-1">
                        <input type="text" class="form-control" name="number"
                               ng-model="network_options.number" required
                               ng-pattern="/^\d+$/"
                               ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }"
                               validate-range="[1, 126]"
                               ng-change="formGuard(rieltaNetworkSettings)">
                    </div>
                    <div class="col-md-5">
                        <div ng-show="rieltaNetworkSettings.number.$error.min || rieltaNetworkSettings.number.$error.max && !rieltaNetworkSettings.number.$error.required" class="help-block" translate>
                            Значение должно быть в интервале 1..126
                        </div>
                        <div ng-show="rieltaNetworkSettings.number.$error.pattern" class="help-block" translate>
                            Допустимые символы &ndash; только цифры
                        </div>
                        <div ng-show="rieltaNetworkSettings.number.$error.required" class="help-block" translate>
                            Номер сети не может быть пустым
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <br/>

        <div class="row">
            <div class="col-md-9">
                <p class="alert alert-warning" translate>
                    Если несколько приборов, использующих беспроводное оборудование, находятся недалеко друг от друга,
                    номера частотной литеры или сети в настройках этих приборах должны отличаться.
                </p>
            </div>
        </div>
    </div>
</div>

<div class="modal-footer">
    <button class="btn btn-success"
            style="min-width:48px;"
            ng-disabled="!rieltaNetworkSettings.$valid || savingSettings"
            ng-click="save()"
            type="submit">
        <span ng-hide="savingSettings" translate>OK</span>
        <span ng-show="savingSettings" class="glyphicon spinner"></span>
    </button>
    <button class="btn btn-default"
            ng-click="$dismiss()"
            ng-disabled="savingSettings"
            translate>
        Отмена
    </button>
</div>
