{% extends "daisy/base.html" %}

{% load humanize %}

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

{% block content-header %}
    <h1 class="lg:text-2xl lg:font-light">Current Sessions</h1>
{% endblock content-header %}


{% block content %}
    <section class="card bg-base-100 col-span-12 overflow-hidden shadow-xs xl:col-span-12">
        <div class="overflow-x-auto">
            <table class="table-zebra table">
                <thead>
                    <th>
                        <a href="{{ request.path }}?sort=uid">UID</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=machine">Machine</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=user">User</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=client_address">Client IP</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=state">State</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=t_change">State Age</a>
                    </th>
                    <th>
                        <a href="{{ request.path }}?sort=t_start">Session Age</a>
                    </th>
                </thead>

                <tbody>
                    {% for session in object_list %}
                        <tr class="position-relative">
                            <td>
                                <a href="{% url 'daisy_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.client_address }}</td>
                            <td><span class="text-xl">{{ session.state_symbolic }}</span></td>
                            <td>{{ session.t_change | naturaltime | cut:" ago" }}</td>
                            <td>{{ session.t_start | naturaltime | cut:" ago" }}</td>
                        </tr>
                    {% endfor %}

                </tbody>
            </table>
        </div>
    </section>
{% endblock content %}