{% extends 'base.html' %}
{% load staticfiles %}
{% load i18n %}
{% load humanize %}

{% block main %}
      <!-- page5-block -->
<div id="page1-block">
  <div class="wrapper">
    <div class="left-block">
      <div class="btn-block">
        <ul>
            <li class="active"><a href="/devices/">Привязка/отвязка устройств</a></li>
            <li><a href="/profile/">Учетные данные</a></li>
            <li><a href="/games/">Игры</a></li>
        </ul>
      </div>
    </div>
    <div class="right-block">
    {% if devices %}
      <table>
        <thead>
          <tr>
            <td class="column1"> <span>Устройство</span></td>
            <td class="column1"> <span>ID (MAC)</span></td>
            <td class="column2"> <span>Дата привязки</span></td>
            <td> <span>Отменить отвязку</span> </td>
          </tr>
        </thead>
        <tbody>
        {% for device in devices %}
            <tr class="row2">
                {% if device.name %}
                    <td class="column1"><span>{{ device.name }}</span></td>
                {% else %}
                    <td class="column1"><span>Имя не присвоено</span></td>
                {% endif %}
                <td class="column1"><span>{{ device.device_id }}</span></td>
                <td class="column2"><span>{{ device.date|date:"d.m.Y" }}</span></td>
                <td><span><a href="/devices/{{ device.device_id }}/"> <img src="{% static "pics/table-pic.png" %}" alt=""></a></span></td>
            </tr>
        {% endfor %}
        </tbody>
      </table>
    {% else %}
        <div style="padding-top:30px; text-align: center"><h1>У вас нет привязанных устройств</h1></div>
    {% endif %}
    </div>
    <div class="clear"></div>
  </div>
</div>

  <!-- page5-block END -->

  <div class="pfooter"></div>
</div>


{% endblock %}