{% extends "base.html" %}
{% block title %}Sessions - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Sessions</h1>
        </div>
    </div>

    <h2>Online right now ({{ online_sessions|length }})</h2>
    {% if online_sessions %}
    <table class="rf-cards">
        <thead>
            <tr><th>Username</th><th>IP address</th><th>Started</th><th>Router</th><th><span class="rf-visually-hidden">Actions</span></th></tr>
        </thead>
        <tbody>
        {% for sess in online_sessions %}
            <tr>
                <td data-label="Username" class="rf-primary">{{ sess.username }}</td>
                <td data-label="IP address" class="mono">{{ sess.framedipaddress|default:"-" }}</td>
                <td data-label="Started">{{ sess.acctstarttime }}</td>
                <td data-label="Router" class="mono">{{ sess.nasipaddress }}</td>
                <td class="rf-actions">
                    {% if can_write %}
                    <form method="post" action="{% url 'disconnect-session' sess.radacctid %}"
                          onsubmit="return confirm('Disconnect {{ sess.username|escapejs }} now? Their connection drops and they must log in again.');">
                        {% csrf_token %}
                        <button type="submit" class="small-button">Disconnect</button>
                    </form>
                    <form method="post" action="{% url 'close-stuck-session' sess.radacctid %}"
                          onsubmit="return confirm('Mark this session as ended? This only updates the records in RadiusForge. It does not disconnect a live connection.');">
                        {% csrf_token %}
                        <button type="submit" class="rf-button-small">Mark as ended</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p class="rf-empty">Nobody is online right now.</p>
    {% endif %}

    <h2>Recently ended sessions</h2>

    <form method="get" class="filter-row">
        <div>
            <label for="filter-username">Username contains</label>
            <input type="text" id="filter-username" name="username" value="{{ filters.username }}">
        </div>
        <div>
            <label for="filter-nasip">Router IP</label>
            <input type="text" id="filter-nasip" name="nasip" value="{{ filters.nasip }}">
        </div>
        <div>
            <label for="filter-date-from">From date</label>
            <input type="date" id="filter-date-from" name="date_from" value="{{ filters.date_from }}">
        </div>
        <div>
            <label for="filter-date-to">To date</label>
            <input type="date" id="filter-date-to" name="date_to" value="{{ filters.date_to }}">
        </div>
        <button type="submit">Filter</button>
        <a href="{% url 'session-list' %}" class="rf-filter-clear">Clear</a>
    </form>

    {% if recent_sessions %}
    <table class="rf-cards">
        <thead>
            <tr><th>Username</th><th>Router IP</th><th>Started</th><th>Ended</th><th>Duration</th></tr>
        </thead>
        <tbody>
        {% for sess in recent_sessions %}
            <tr>
                <td data-label="Username" class="rf-primary">{{ sess.username }}</td>
                <td data-label="Router IP" class="mono">{{ sess.nasipaddress }}</td>
                <td data-label="Started">{{ sess.acctstarttime }}</td>
                <td data-label="Ended">{{ sess.acctstoptime }}</td>
                <td data-label="Duration">{{ sess.acctsessiontime|default:"-" }}{% if sess.acctsessiontime %}s{% endif %}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p class="rf-empty">No ended sessions match your filters.</p>
    {% endif %}
{% endblock %}