{% extends "base.html" %}

{% block title %}Kerbside sessions{% endblock %}

{% block content %}
{% if not sessions %}
<p class="sf-empty">There are no active sessions.</p>
{% else %}
{% for session_id in sessions %}
{# The id is derived from the session id, not generated, so a
   later polling phase can morph this stack and leave an
   operator's open panel open -- same discipline as the
   consoles page's disclosure ids. #}
<details class="sf-disclosure sf-disclosure--panel"
         id="session-{{ session_id }}"
         {% if loop.first %}open{% endif %}>
    <summary>
        {# Plain interpolation only: an orphan channel's session
           has no console token, so db.get_sessions() can hand
           back an entry with channels but no name or source.
           Jinja's default undefined then renders empty; a
           filter or method call here would raise instead. #}
        Session {{ session_id }} for {{ sessions[session_id]['name'] }}
        in {{ sessions[session_id]['source'] }}
    </summary>

    <button type="button" class="sf-btn sf-btn--sm sf-btn--danger"
            data-kb-terminate-url="/session/{{ session_id }}/terminate">Terminate session</button>

    <div class="sf-table-scroll">
        <table class="sf-table sf-table--striped">
            <thead>
                <tr>
                    <th>Node / PID</th>
                    <th>Created</th>
                    <th>Client</th>
                    <th>Connection ID</th>
                    <th>Channel Type</th>
                </tr>
            </thead>
            <tbody>
                {% for channel in sessions[session_id]['channels'] %}
                <tr>
                    <td>{{ channel.node }} pid {{ channel.pid }}</td>
                    <td>{{ channel.created.strftime('%Y-%m-%d %H:%M:%S') }}</td>
                    <td>{{ channel.client_ip }}:{{ channel.client_port }}</td>
                    <td>{{ channel.connection_id }}</td>
                    <td>{{ channel.channel_type }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</details>
{% endfor %}
{% endif %}
{% endblock %}

{% block scripts %}
{% include 'includes/two-step-terminate.html' %}
{% endblock %}