{% extends 'layout.html' %}
{% from 'include/session.html' import browser, os %}
{% from 'include/modal_dialog.html' import modal_dialog, button_confirm, modal_confirm %}
{% set breadcrumbs = breadcrumb_page('admin') +  breadcrumb_page(self) %}
{% block content %}
  <p>
    {% trans %}This is a list of devices that are logged into this application. It may include authenticated and unauthenticated users. You may revoke any sessions that you do not recognize except your current session.{% endtrans %}
  </p>
  {% set buttons = [
      {'text': _('All'), 'extend': 'reset'},
      {'text': _('Authenticated'), 'extend': 'filter', 'column': 3, 'search': 1},
      {'text': _('Anonymous'), 'extend': 'filter', 'column': 3, 'search': 0},
    ] %}
  <RdwTable :buttons="{{ buttons }}">
    <thead>
      <tr>
        <th scope="col">{% trans %}Device{% endtrans %}</th>
        <th scope="col">{% trans %}IP Address{% endtrans %}</th>
        <th scope="col">{% trans %}User{% endtrans %}</th>
        <th scope="col" data-visible="false">{% trans %}Authenticated{% endtrans %}</th>
        <th scope="col">{% trans %}Last accessed{% endtrans %}</th>
        <th scope="col">{% trans %}Signed in{% endtrans %}</th>
        <th scope="col">{% trans %}Expiration Time{% endtrans %}</th>
        <th scope="col" data-sortable="false">{% trans %}Actions{% endtrans %}</th>
      </tr>
    </thead>
    <tbody>
      {% for session in active_sessions %}
        <tr>
          <td>
            <span class="list-group-item-heading" title="{{ session.user_agent }}">
              <strong>{{ browser(session.user_agent) }}</strong>
              {% trans %}running on{% endtrans %}
              <strong>{{ os(session.user_agent) }}</strong>
              {% if session.current %}
                <span class="badge bg-success">{% trans %}current session{% endtrans %}</span>
              {% endif %}
              {% if session.login_persistent %}
                <span class="badge bg-info">{% trans %}persistent{% endtrans %}</span>
              {% endif %}
            </span>
          </td>
          <td>{{ session.ip_address }}</td>
          <td>
            {% if session.username %}{{ session.username }}{% endif %}
          </td>
          <td data-search="{{ 1 if session.username else 0 }}">{{ _("Yes") if session.username else _('No') }}</td>
          <td data-order="{{ session.access_time }}">
            <time datetime="{{ session.access_time }}"
                  title="{{ session.access_time | format_datetime }}">
              {{ session.access_time | lastupdated }}
            </time>
          </td>
          <td data-order="{{ session.start_time }}">
            <time datetime="{{ session.start_time }}"
                  title="{{ session.start_time | format_datetime }}">
              {{ session.start_time | lastupdated }}
            </time>
          </td>
          <td data-order="{{ session.expiration_time }}">
            <time datetime="{{ session.expiration_time }}"
                  title="{{ session.expiration_time | format_datetime }}">
              {{ session.expiration_time | lastupdated }}
            </time>
          </td>
          <td>
            {% if not session.current %}
              {{ button_confirm(label=_('Revoke') , target="#delete-session-modal", action="delete", number=session.number) }}
            {% endif %}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </RdwTable>
  {{ modal_confirm(id='delete-session-modal',
    title=_('Revoke Session') ,
  message=_("Are you sure? The device will be signed out from the application."),
  fields=['action', 'number'],
  submit=_('Revoke')) }}
{% endblock %}