<tbody class="zones-section-head">
  <tr>

    <td style="vertical-align: middle;"></td>

    <td>
      <button type="button" class="btn btn-sm btn-block"
              ng-class="dev.enabled ? 'btn-success': 'btn-danger'"
              ng-disabled="preventNordbusSlavesChanges"
              ng-click="toggleSlaveEnabled(dev)">
        <span translate
              ng-show="dev.enabled">Выключить</span>
        <span translate translate-context="(антоним к 'Выключить')"
              ng-show="!dev.enabled">Включить</span>
      </button>
    </td>

    <td colspan="11">

      <span class="col-lg-3 col-md-4 col-sm-4 col-xs-5">
        <span style="white-space: nowrap; font-weight: bold;">
            <translate ng-if="getSlaveSoftwareVer(dev) !== null"
                translate-context="(название клавиатуры в списке устройств, когда версия клавиатуры известна)"
                translate-params-name="getNordbusKeyboardName(dev)"
                translate-params-ver="getSlaveSoftwareVer(dev)">
              {[name]}, версия {[ver]}
            </translate>
            <translate ng-if="getSlaveSoftwareVer(dev) === null"
                translate-context="(название клавиатуры в списке устройств, когда версия клавиатуры неизвестна)"
                translate-params-name="getNordbusKeyboardName(dev)">
              {[name]}
            </translate>
        </span>
      </span>

      <span class="col-lg-7 col-md-6 col-sm-5 col-xs-4">
        <span class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
          <span style="font-weight: bold;">{[ dev.info.serialNumber ]}</span>
        </span>
        <span class="col-lg-5 col-md-8 col-sm-6 col-xs-12" style="white-space: nowrap;">
          <span ng-switch="isSlaveConnected(dev)">
            <span ng-switch-when="true" translate>есть связь</span>
            <span ng-switch-when="false" class="text-danger" translate>нет связи</span>
          </span>
        </span>
        <span class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="white-space: nowrap;">
          <span style="color: #777777;" translate>номер устройства</span>
          <span style="margin-left: 5px; font-weight: bold;">{[ dev.deviceIndex + 1 ]}</span>
        </span>
      </span>

      <span class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
        <span class="pull-right">
          <span style="white-space: nowrap;" only-desktop>
            <span ng-show="preventNordbusSlavesChanges || isSlaveConnected(dev) !== false">
              <a href="" disabled>
                <img ng-src="{['/images/glyph-delete-disabled.svg' | augeasStatic ]}"/>
              </a>
            </span>
            <span ng-hide="preventNordbusSlavesChanges || isSlaveConnected(dev) !== false">
              <a href="">
                <img ng-src="{[ '/images/glyph-delete.svg' | augeasStatic ]}"
                     ng-click="deleteSlave(dev)"/>
              </a>
            </span>
          </span>
        </span>
      </span>

    </td>

  </tr>
</tbody>
