{% extends "authentic2/base-page.html" %}
{% load i18n %}
{% load trusted_device_helpers %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="{% url 'account_management' %}">{% trans "Your account" %}</a>
  <span>{{ view.title }}</span>
{% endblock %}

{% block content %}
  <h3>{% trans "Manage your trusted devices" %}</h3>
  <table class="main plaintable">
    <thead>
      <tr>
        <th>{% trans "Name" %}</th>
        <th>{% trans "Expiration" %}</th>
        <th>{% trans "Used authentication methods" %} </th>
        <th>{% trans "Actions" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for trusted_device in trusted_devices %}
        <tr>
          <td><abbr title="{{ trusted_device.fingerprint }}">{{ trusted_device.name }}</abbr></td>
          <td>{{ trusted_device.expiration }}</td>
          <td>{{ trusted_device.authenticators | join:", " }}</td>
          <td>
            <a href="{% url 'trusted_device_edit' pk=trusted_device.id %}">{% trans "Edit" %}</a>
            /
            <a href="{% url 'trusted_device_forget' pk=trusted_device.id %}">{% trans "Forget" %}</a>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}