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

{% block title %}
  {{ view.title }}
{% endblock %}

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

{% block content %}
  {% block sessions-pre %}{% endblock %}
  <div class="sessions">
    <ol class="sessions--list">
      {% for session in sessions %}
        <li class="session--item{% if session.parsed.os.family == "Android" or session.parsed.os.family == "iOS" %} smartphone{% endif %}">
          <form method="post" class="session--form" action="{% url "session-delete" pk=session.pk %}">
            {% csrf_token %}
            {% block session %}
              <div class="session--infos">
                {% block session-top %}{% endblock %}
                <p class="sr-only">
                  {% if session.parsed.os.family == "Android" or session.parsed.os.family == "iOS" %}
                    {% translate "This session was initiated from a smartphone." %}
                  {% else %}
                    {% translate "This session was initiated from a computer." %}
                  {% endif %}
                </p>
                <dl>
                  <div class="session--created">
                    <dt class="label">{% trans "Opened on" %}</dt>
                    <dd class="value time">{{ session.created }}</dd>
                  </div>
                  <div class="session--last-used">
                    <dt class="label">{% trans "Last used on" %}</dt>
                    <dd class="value time">{{ session.updated }}</dd>
                  </div>
                  <div class="session--browser">
                    {% with user_agent=session.parsed.user_agent %}
                      <dt class="label">{% trans "With web browser" %}</dt>
                      <dd class="value">{{ user_agent.family|default:"unknown" }} {{ user_agent.major|default:"(unknown version)" }}</dd>
                    {% endwith %}
                  </div>
                  <div class="session--addr">
                    <dt class="label">{% trans "From remote IP address" %}</dt>
                    <dd class="value">{{ session.remote_addr }}</dd>
                  </div>
                </dl>
                {% if session.current %}<p class="session--current">{% translate "Current session" %}</p>{% endif %}
              </div>
              {% if allow_deletion %}
                <div class="session--actions">
                  <button class="session--revoke-button" title="{% translate "Delete" %}"{% if session.current %} disabled{% endif %}>{% trans 'Delete' %}</button>
                  {% if session.current %}<p class="session--current-help-msg">{% translate "Your current session cannot be deleted here, it will be terminated properly as you log out." %}</p>{% endif %}
                </div>
              {% endif %}
            {% endblock %}
          </form>
        </li>
      {% endfor %}
    </ol>
    {% block sessions-bottom %}{% endblock %}
  </div>
  {% block sessions-post %}{% endblock %}
{% endblock %}