{% extends "base.html" %}

{% load humanize %}

{% block title %}
    <title>{{ request.site.name }} Current Sessions</title>
{% endblock title %}

{% block content %}
    <h2>Sessions</h2>

    <table class="table table-striped table-hover table-sm">
        <thead>
            <th>
                <a href="{% url 'session_list' %}?sort=uid">UID</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=machine">Machine</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=user">User</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=-t_start">Session Age</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=client_address">Client IP</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=state">State</a>
            </th>
            <th>
                <a href="{% url 'session_list' %}?sort=-t_change">State Age</a>
            </th>
        </thead>
        {% for session in object_list %}
            <tr class="position-relative">
                <td>
                    <a href="{% url 'session_details' session.uid %}"
                       class="stretched-link link-secondary">{{ session.uid }}</a>
                </td>
                <td>{{ session.machine.hostname_short }}</td>
                <td>{{ session.user.email }}</td>
                <td>{{ session.t_start | naturaltime | cut:" ago" }}</td>
                <td>{{ session.client_address }}</td>
                <td>{{ session.state_symbolic }}</td>
                <td>{{ session.t_change | naturaltime | cut:" ago" }}</td>
            </tr>
        {% endfor %}
    </table>
{% endblock content %}