<div class="modal-header">
  <h3 ng-if="automationModal.creating"  style="margin-top: 5px; margin-bottom: 5px"
      translate translate-context="(речь о 'действии автоматики')">Добавить действие</h3>
  <h3 ng-if="!automationModal.creating" style="margin-top: 5px; margin-bottom: 5px"
      translate translate-context="(речь о 'действии автоматики')">Изменить действие</h3>
</div>

<div class="modal-body" style="min-height:70px">

  <div class="well well-sm">
    <strong translate translate-context="(речь о 'действии автоматики')">Выберите действие</strong>
  </div>

  <form class="form-horizontal">
    <div class="form-group">
      <label class="control-label col-md-4" translate translate-context="(речь о 'действии автоматики')">Действие</label>
      <div class="col-md-6">
        <select class="form-control"
                ng-options="item['value'] as item['text'] for item in automationModal.actions"
                ng-model="automationModal.mapping.actionType"
                ng-change="automationModal.recheckCollectors()">
        </select>
      </div>
    </div>
  </form>

  <form class="form-horizontal" name="armDisarmActionForm">
    <div class="form-group" ng-show="automationModal.isArmDisarmAction(automationModal.mapping.actionType)">
      <label class="control-label col-md-4" translate>Раздел</label>
      <div class="col-md-6">
        <select class="form-control"
                ng-options="part as part + 1 for part in automationModal.getAvailableParts()"
                ng-model="automationModal.mapping.armDisarmAction.part">
          <option value="" translate>
            все разделы
          </option>
        </select>
      </div>
    </div>
  </form>

  <form class="form-horizontal" name="openCollectorActionForm">
    <div class="form-group" ng-show="!automationModal.isArmDisarmAction(automationModal.mapping.actionType)">
      <label class="control-label col-md-4" translate translate-context="(в значении 'электрический выход схемы')">Выход</label>
      <div class="col-md-6">
        <select class="form-control"
                ng-options="item['value'] as item['text'] for item in automationModal.openCollectorValues(automationModal.mapping.actionType)"
                ng-model="automationModal.mapping.openCollectorAction.number">
        </select>
      </div>
    </div>
    <div class="form-group" ng-class="openCollectorActionForm.$invalid?'has-error':''" ng-show="automationModal.mapping.actionType == 'pulse'">
      <label class="control-label col-md-4" translate translate-context="(в значении 'длительность включенного состояния)">Время включения (с.)</label>
      <div class="col-md-6">
        <input class="form-control" name="pulseWidth"
               ng-model="automationModal.mapping.openCollectorAction.pulseWidth"
               ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }"
               ratio="1000"
               required
               ng-pattern="/^\d+$/"
               validate-range="[1, 255]"/>
        <div ng-show="openCollectorActionForm.pulseWidth.$invalid" class="help-block">
          <translate>Должно быть числом в диапазоне: 1..255</translate>
        </div>
      </div>
    </div>
  </form>

  <div class="well well-sm">
    <strong translate
            translate-context="(речь об условии, при котором выполняется действие Автоматики)">
      Выберите условие
    </strong>
  </div>

  <form class="form-horizontal">
    <div class="form-group">
      <label class="col-md-4 control-label"
             translate
             translate-context="(речь об условии, при котором выполняется действие Автоматики)">
        Условие
      </label>
      <div class="col-md-6">
        <select class="form-control" ng-model="automationModal.mapping.conditionType">
          <option value="cid"
                  translate
                  translate-context="(тип условия, при котором выполняется действие Автоматики: по событию, по расписанию и т.п.)">
            по событию
          </option>
          <option value="datetime"
                  translate
                  translate-context="(тип условия, при котором выполняется действие Автоматики: по событию, по расписанию и т.п.)">
            по расписанию
          </option>
        </select>
      </div>
    </div>
  </form>

  <form class="form-horizontal" name="cidConditionForm"
        ng-show="automationModal.mapping.conditionType === 'cid'">
    <div ng-class="cidConditionForm.code.$invalid?'has-error':''">
      <div class="form-group">
        <label class="col-md-4 control-label" translate>Код события</label>
        <div class="col-md-6">
          <input type="text" name="code" class="form-control"
                 ng-model="automationModal.mapping.cidCondition.code"
                 ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }"
                 required
                 validate-cid-code>
        </div>
      </div>
      <div class="help-block col-md-offset-4" style="padding-left:10px" translate>
        Код события ContactID (пример: E401, R602)
      </div>
    </div>

    <div class="form-group" ng-show="automationModal.deviceHasParts()">
      <label class="col-md-4 control-label" translate>Раздел</label>
      <div class="col-md-6">
        <select class="form-control"
                ng-options="part + 1 as part + 1 for part in automationModal.getAvailableParts()"
                ng-model="automationModal.mapping.cidCondition.part">
          <option value="" translate translate-context="(один из пунктов списка 'выберите раздел')">
            любой раздел
          </option>
        </select>
      </div>
    </div>

    <div ng-class="cidConditionForm.zoneUser.$invalid?'has-error':''">
      <div class="form-group">
        <label class="col-md-4 control-label" translate translate-context="(сокращение от 'Шлейф/Пользователь')">Ш/П</label>
        <div class="col-md-6">
          <input type="text" name="zoneUser" class="form-control"
                 ng-model="automationModal.mapping.cidCondition.zoneUser"
                 ng-pattern="/^\d*$/"
                 validate-range="[1, 999]">
        </div>
      </div>
      <div class="help-block col-md-offset-4" style="padding-left:10px" translate>
        Введите число от 1 до 999 или оставьте поле пустым, если номер шлейфа или пользователя не важен
      </div>
    </div>
  </form>

  <form class="form-horizontal" name="datetimeConditionForm"
        ng-show="automationModal.mapping.conditionType == 'datetime'">
    <div class="form-group">
      <label class="control-label col-md-4" translate translate-context="(в значении 'время события')">Время</label>
      <div class="col-md-6">
        <select class="form-control" style="width: 70px; display:inline"
                ng-options="hour as automationModal.rjust(hour, 2, '0')
                            for hour in automationModal.hours"
                ng-model="automationModal.mapping.datetimeCondition.hour">
        </select>
        <strong>:</strong>
        <select class="form-control" style="width: 70px; display:inline"
                ng-options="minute as automationModal.rjust(minute * 10, 2, '0')
                            for minute in automationModal.minutes"
                ng-model="automationModal.mapping.datetimeCondition.minute">
        </select>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-md-4" translate>День недели</label>
      <div class="col-md-6">
        <select class="form-control"
                ng-options="item['value'] as item['text'] for item in automationModal.dowOptions"
                ng-model="automationModal.mapping.datetimeCondition.dowOption">
        </select>
      </div>
    </div>
    <div class="form-group" ng-show="automationModal.mapping.datetimeCondition.dowOption == 'other'">
      <div class="col-md-offset-4 col-md-8">
        <table class="dow-checkboxes">
          <tr>
            <td ng-repeat="day in automationModal.days">
              <label>
                <span>{[ automationModal.dowAbbreviations[day] ]} </span>
                <input type="checkbox"
                       ng-model="automationModal.mapping.datetimeCondition.dowValue[day]"
                       ng-disabled="automationModal.isOnlySelectedDay(day)">
              </label>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </form>

</div>

<div class="modal-footer">
  <button class="btn btn-success" ng-click="automationModal.submit()"
          ng-disabled="!automationModal.isMappingValid()" translate>
    OK
  </button>
  <button class="btn btn-default" ng-click="$dismiss('canceled')" translate>Отмена</button>
</div>
