<div class="col-md-12">
  <hr/>

  <div class="row" ng-if="$ctrl.isDesktopMode">
    <div class="col-md-12">
      <span ng-if="$ctrl.coordinator.online">
        <label translate>
          Версия координатора:
        </label>
        {[ $ctrl.coordinator.version ]}
      </span>
      <label translate ng-if="!$ctrl.coordinator.online">
        Координатор не на связи
      </label>
      <span class="pull-right">
        <button class="btn btn-primary" translate
                ng-click="$ctrl.update()">
          Обновить
        </button>
        <button class="btn btn-danger" translate
                ng-click="$ctrl.deleteAll()"
                ng-if="!$ctrl.coordinator.online && !$ctrl.settingsEmpty">
          Удалить всё
        </button>
      </span>
    </div>
  </div>
  <br/>

  <div class="row">
    <div class="col-md-12" ng-if="$ctrl.coordinator.online && !$ctrl.coordinatorConsistent" translate>
      Необходимо согласовать настройки координатора и прибора. Нажмите кнопку «Обновить»
      и запишите настройки в прибор.
    </div>

    <div class="col-md-12"
         ng-if="!$ctrl.coordinator.online || $ctrl.coordinatorConsistent"
         ng-repeat="dev in $ctrl.devices">
      <rielta-wired-device
          type="dev.type"
          device-id="dev.id"
          serial-number="$ctrl.getSerialNumber(dev.id)"
          zones="dev.zones"
          show-delete-button="$ctrl.showDeleteButton(dev)"
          on-click-delete-button="$ctrl.deleteDevice(dev)"
          show-up-down-buttons="!$ctrl.isOrderedInterface"
          on-click-up-button="$ctrl.swapDevices($ctrl.devices[$index - 1], $ctrl.devices[$index], 'up')"
          on-click-down-button="$ctrl.swapDevices($ctrl.devices[$index], $ctrl.devices[$index + 1], 'down')">
      </rielta-wired-device>
    </div>
  </div>

</div>
