{% extends "base.html" %}
{% load i18n %}
{% load paginacion %}

{% block actions %}
    {% if lot %}
    <a href="{% url 'lot:documents' object.id %}" type="button" class="btn btn-green-admin">
      <i class="bi bi-folder2"></i>
      {% trans 'Documents' %}
    </a>
    {% endif %}
    <a href="{# url 'dashboard:exports' object.id #}" type="button" class="btn btn-todo" data-bs-toggle="tooltip" title="NOT IMPLEMENTED. This action tries to emulate what devicehub-teal did, which was related to opening a dialog where you can select different options for export the devices as csv for all selected devices" >
      <i class="bi bi-reply"></i>
      {% trans 'Exports' %}
    </a>
    {% if lot %}
    <a href="{% url 'lot:annotations' object.id %}" type="button" class="btn btn-green-admin" >
      <i class="bi bi-tag"></i>
      {% trans 'Annotations' %}
    </a>
    {% endif %}

{% endblock%}

{% block content %}
<h3>{{ subtitle }}</h3>

<div class="dataTable-container">
  <form method="post">
  {% csrf_token %}
  <table class="table">
    <thead>
      <tr>
        <th scope="col" data-sortable="">
          select
        </th>
        <th scope="col" data-sortable="">
          shortid
        </th>
        <th scope="col" data-sortable="">
          type
        </th>
        <th scope="col" data-sortable="">
          manufacturer
        </th>
        <th scope="col" data-sortable="">
          model
        </th>
      </tr>
    </thead>
    {% for dev in devices %}
    <tbody>
      <tr>
        <td>
          <input type="checkbox" name="devices" value="{{ dev.id }}" />
        </td>
        <td>
          <a href="{% url 'device:details' dev.id %}">
            {{ dev.shortid }}
          </a>
        </td>
        <td>
            {{ dev.type }}
        </td>
        <td>
            {{ dev.manufacturer }}
        </td>
        <td>
	  {% if dev.version %}
            {{dev.version}} {{ dev.model }}
	  {% else %}
            {{ dev.model }}
	  {% endif %}
        </td>
      </tr>
    </tbody>
    {% endfor %}
  </table>
  <button  class="btn btn-green-admin" type="submit" value="{% url 'lot:del_devices' %}" name="url">Remove</button> <button class="btn btn-green-admin" type="submit" name="url" value="{% url 'lot:add_devices' %}">add</button>
  </form>
</div>
<div class="row mt-3">
  <div class="col">
    {% render_pagination page total_pages limit %}
  </div>
</div>
{% endblock %}