<div class="bottom-10">
  <div ng-show="sambo.isActive()" class="alert alert-info">
    <div translate>В Автономной охране добавляйте пользователей только через MyAlarm.</div>
    <div translate>Как привязать к пользователю брелок или ТМ-ключ</div>
  <ol>
     <li translate>Добавьте пользователей в MyAlarm.</li>
     <li translate>Закройте конфигуратор, подождите некоторое время (минимум 2 минуты) и запустите его заново - новые пользователи появятся в списке.</li>
     <li translate>Добавьте брелок или ТМ-ключ.</li>
  </ol>
  </div>
</div>

<table class="table">
  <tr ng-show="!users.empty()">
    <th class="col-md-1" translate>Номер</th>
    <th class="col-md-2" translate translate-context="(в значении 'код взятия/снятия')">Код</th>
    <th ng-if="hasOneWire && !useAltonikaKeypad" class="col-md-4" translate>Ключи</th>
    <th ng-if="hasOneWire && useAltonikaKeypad" class="col-md-4" translate>Код Риф-КТМ (Си-Норд)</th>
    <th ng-if="hasRielta"  ng-class="useAltonikaKeypad?'col-md-8':'col-md-4'" translate>Брелоки</th>
    <th class="col-md-1"></th>
  </tr>
  <tr ng-show="users.empty()">
    <td translate>
      Нет пользователей
    </td>
  </tr>
  <tbody class="no-border" ng-repeat="(user_index, user) in users.all()" ng-show="user.enabled"><tr>
    <td>{[ user_index + 1 ]}</td>
    <td>
      <button class="btn btn-default"
              ng-click="newUserCode(user_index)"
              ng-show="!sambo.isActive()"
              translate translate-context="(в значении 'поменять на другое')">
        Изменить
      </button>
    </td>

    <!-- TM-ключи или коды Риф-КТМ (Си-Норд) -->
    <td ng-if="hasOneWire" style="line-height:2em;white-space:nowrap">
      <div ng-repeat="key_index in users.userKeys(user_index)">
        <span class="badge" style="font-family:monospace;"
              ng-class="{'alert-danger': isKeyUnclaimed(key_index)}"
              tooltip-enable="isKeyUnclaimed(key_index)"
              tooltip-placement="bottom"
              uib-tooltip="{['Необходимо привязать ключ к разделу' | translate]}">
          <span ng-if="!useAltonikaKeypad"><span ng-hide="!isKeyUnclaimed(key_index)" class="glyphicon glyphicon-alert"></span> {[ keys.all()[key_index].id ]}</span>
          <span ng-if="useAltonikaKeypad">{[ keys.all()[key_index].id | altonikaReadableCode]}</span>
          <span class="glyphicon glyphicon-remove"
                              ng-click="keys.delete(key_index)"
                              style="cursor:pointer"></span>
        </span>
      </div>
      <div ng-show="canAddTM()">
        <div ng-if="useAltonikaKeypad">
          <a href="" ng-click="newKey(user_index)">
            <translate>Ввести код</translate>
          </a>
        </div>
        <div ng-if="!useAltonikaKeypad">
          <a href="" ng-click="newKey(user_index)">
            <translate  translate-context="(подразумевается 'проcканировать приложенную к считывателю таблетку')">Считать</translate>
          </a>
          <a href="" class="alternative-link-color" style="margin-left: 10px" ng-click="newKeyEntry(user_index)">
            <translate>Ввести номер</translate>
          </a>
        </div>
      </div>
    </td>

    <!-- Беспроводные брелоки -->
    <td ng-if="hasRielta" style="line-height:2em">
      <span ng-repeat="devnum in users.userRemotes(user_index)">
        <span class="badge" style="font-family:monospace;"
                ng-class="{'alert-danger': isRemoteUnclaimed(devnum)}"
                tooltip-enable="isRemoteUnclaimed(devnum)"
                tooltip-placement="bottom"
                uib-tooltip="{['Необходимо привязать брелок к разделу' | translate]}">
          <span ng-hide="!isRemoteUnclaimed(devnum)" class="glyphicon glyphicon-alert"></span>
          <translate>Брелок</translate> №{[ rielta.getRemoteIndex(devnum) + 1 ]}
          <span class="glyphicon glyphicon-remove"
                ng-click="remotes.delete(devnum)"
                style="cursor:pointer"></span>
        </span>
      </span>
      <div class="btn-group" ng-show="remotes.unclaimed().length">
        <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
          <translate>Добавить брелок</translate> <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li ng-repeat="devnum in remotes.unclaimed()">
            <a href="#" ng-click="addRemote(devnum, user_index, $event)"><translate>Брелок</translate> №{[ rielta.getRemoteIndex(devnum) + 1 ]}</a>
          </li>
        </ul>
      </div>
    </td>
    <!-- Беспроводные брелоки CWL -->
    <td ng-if="hasCwl" style="line-height:2em">
        <span ng-repeat="slotIndex in cwl.getUserRemoteIndexes(user_index)">
            <span class="badge" style="font-family:monospace;"
                ng-class="{'alert-danger': cwl.isCwlRemoteUnclaimed(slotIndex)}"
                tooltip-enable="cwl.isCwlRemoteUnclaimed(slotIndex)"
                tooltip-placement="bottom"
                uib-tooltip="{['Необходимо привязать брелок к разделу' | translate]}">
            <span ng-hide="!cwl.isCwlRemoteUnclaimed(slotIndex)" class="glyphicon glyphicon-alert"></span>
            <translate>Брелок</translate> №{[ cwl.getRemoteVerboseNumber(slotIndex) ]}
                <span class="glyphicon glyphicon-remove"
                ng-click="cwl.unlinkRemoteFromUser(slotIndex)"
                style="cursor:pointer"></span>
        </span>
      </span>
      <div class="btn-group" ng-show="cwl.getUnclaimedRemoteDeviceIndexes().length">
        <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
          <translate>Добавить брелок</translate> <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li ng-repeat="device_index in cwl.getUnclaimedRemoteDeviceIndexes()">
            <a href="#" ng-click="addRemoteToUserCwl(device_index, user_index, $event)"><translate>Брелок</translate> №{[ cwl.getRemoteVerboseNumber(device_index) ]}</a>
          </li>
        </ul>
      </div>
    </td>

    <td>
      <button class="pull-right btn btn-default"
          ng-click="deleteUser(user_index)" ng-show="!sambo.isActive()">
        <span class="glyphicon glyphicon-trash"></span>
      </button>
    </td>
    </tr>
  </tbody>
</table>
<button
    class="btn btn-success"
    ng-click="addUser()"
    ng-show="!users.full() && !sambo.isActive()"><translate>Добавить пользователя</translate>…</button>
