<div class="panel panel-default" ng-controller="RadioSettingsController as radio">
  <div class="panel-heading">
    <h3 class="panel-title" translate>Настройки радиоканала</h3>
  </div>

  <div class="panel-body">
    <form class="form-horizontal" role="form" name="radioForm">
      <div class="form-group">
        <label class="control-label col-md-6" translate>
          Режим использования
        </label>
        <div class="col-md-5">
          <select class="form-control"
                  ng-model="radio.settings().mode"
                  ng-disabled="objectNumber > 9999">
            <option value="off" translate>
              Передатчик не подключён
            </option>
            <option value="reserve" translate>
              Передавать при отсутствии IP-связи
            </option>
            <option value="always" translate>
              Передавать всегда
            </option>
          </select>
        </div>
      </div>

      <div class="form-group" ng-class="radioForm.key.$invalid?'has-error':''">
        <label class="control-label col-md-6" translate>
          Формат станции
        </label>
        <div class="col-md-3">
          <input name="key" type="text" class="form-control"
            ng-disabled="radio.settings().mode == 'off' || settingsProtected()"
            ng-model="radio.settings().key"
            validate-using-function="{func: radio.validateKey, key: 'key'}"
            ng-pattern="/^\d+$/"
            ng-trim="true"
            required
            ng-model-options="{
              updateOn: 'default blur',
              debounce: { default: 500, blur: 0 }
            }">
        </div>
        <div class="col-md-5 col-md-offset-6 help-block" ng-show="radioForm.key.$invalid" translate>
          Формат станции должен быть либо 0, либо числом в диапазоне 34560…34815
        </div>
        <div ng-show="settingsProtected() && radio.settings().mode != 'off'" class="col-md-5 col-md-offset-6 help-block" translate>
          Формат станции недоступен для редактирования, так как включена функция «Защита от угона».
        </div>
      </div>

      <div class="form-group" ng-class="radioForm.packets.$invalid?'has-error':''">
        <label class="control-label col-md-6" translate>
          Количество пакетов в одной посылке
        </label>
        <div class="col-md-3">
          <input name="packets" type="text" class="form-control"
            ng-disabled="radio.settings().mode == 'off'"
            ng-model="radio.settings().packets"
            ng-pattern="/^\d+$/"
            ng-trim="true"
            required
            ng-model-options="{
              updateOn: 'default blur',
              debounce: { default: 500, blur: 0 }
            }"
            validate-range="[1, 20]">
        </div>
        <div class="col-md-5 col-md-offset-6 help-block"
          ng-show="radioForm.packets.$invalid" translate>Количество пакетов должно быть числом в диапазоне 1…20</div>
      </div>

      <div class="form-group" ng-class="radioForm.frames.$invalid?'has-error':''">
        <label class="control-label col-md-6" translate>
           Количество кадров в одном пакете
        </label>
        <div class="col-md-3">
          <input name="frames" type="text" class="form-control"
            ng-disabled="radio.settings().mode == 'off'"
            ng-model="radio.settings().frames"
            ng-pattern="/^\d+$/"
            ng-trim="true"
            required
            ng-model-options="{
              updateOn: 'default blur',
              debounce: { default: 500, blur: 0 }
            }"
            validate-range="[3, 10]">
        </div>
        <div class="col-md-5 col-md-offset-6 help-block"
          ng-show="radioForm.frames.$invalid" translate>Количество кадров должно быть числом в диапазоне 3…10</div>
      </div>

      <div class="form-group" ng-class="radioForm.packetDelay.$invalid?'has-error':''">
        <label class="control-label col-md-6" translate>
          Интервал между пакетами, с.
        </label>
        <div class="col-md-3">
          <input name="packetDelay" type="text" class="form-control"
            ng-disabled="radio.settings().mode == 'off'"
            ng-model="radio.settings().packetDelay"
            ng-pattern="/^\d+$/"
            ng-trim="true"
            required
            ng-model-options="{
              updateOn: 'default blur',
              debounce: { default: 500, blur: 0 }
            }"
            validate-range="[5, 15]">
        </div>
        <div class="col-md-5 col-md-offset-6 help-block"
             ng-show="radioForm.packetDelay.$invalid"
             translate translate-params-from="5" translate-params-to="15">
          Интервал должен быть числом в диапазоне {[from]}…{[to]}
        </div>
      </div>

      <div class="form-group" ng-class="radioForm.autotestTime.$invalid?'has-error':''">
        <label class="control-label col-md-6" translate>
          Интервал передачи тестов, мин.
        </label>
        <div class="col-md-3">
          <input name="autotestTime" type="text" class="form-control"
            ng-disabled="radio.settings().mode == 'off'"
            ng-model="radio.settings().autotestTime"
            ng-pattern="/^\d+$/"
            ng-trim="true"
            required
            ng-model-options="{
              updateOn: 'default blur',
              debounce: { default: 500, blur: 0 }
            }"
            validate-range="[0, 5999]">
        </div>
        <div class="col-md-5 col-md-offset-6 help-block"
             ng-show="radioForm.autotestTime.$invalid"
             translate translate-params-from="0" translate-params-to="5999">
          Интервал должен быть числом в диапазоне {[from]}…{[to]}
        </div>
      </div>

    </form>
  </div>
</div>
