<form class="form-horizontal">
  <div class="form-group">
    <div class="col-md-10">
      <div class="checkbox">
        <label class="control-label">
          <input type="checkbox"
                 ng-model="$ctrl.temporaryCodes.enabled"
                 ng-true-value="1" ng-false-value="0"/>
          <translate>Включить поддержку временных кодов</translate>
        </label>
      </div>
    </div>
  </div>
  <div class="form-group">
    <label class="col-md-4 control-label pull-left" translate>
      Секрет для генерации временных кодов
    </label>
    <div class="col-md-4">
      <div class="input-group">
        <input disabled class="form-control"
               maxlength="20"
               type="text"
               ng-model="$ctrl.temporaryCodes.secret"/>
        <span class="input-group-btn">
          <button class="btn btn-default" type="button"
                  ng-disabled="!$ctrl.temporaryCodes.enabled"
                  ng-click="$ctrl.generateSecret()">
            <span class="glyphicon glyphicon-refresh"></span>
          </button>
        </span>
      </div>
    </div>
  </div>
  <div class="form-group">
    <label class="col-md-4 control-label vertical-center no-padding-top pull-left" translate>
      Автоматическое взятие под охрану после использования временного кода
    </label>
    <div class="col-md-2 vertical-center vertical-center-float-fix">
      <select class="form-control"
              ng-disabled="!$ctrl.temporaryCodes.enabled"
              ng-model="$ctrl.temporaryCodes.arm_timeout"
              convert-to-number
              defaultable>
        <option d-op value="15" translate>15 минут</option>
        <option d-op value="30" translate>30 минут</option>
        <option d-op value="45" translate>45 минут</option>
        <option d-op value="60" translate>1 час</option>
        <option d-op value="120" translate>2 часа</option>
      </select>
    </div>
  </div>
</form>
