{% extends "base.html" %}
{% block title %}Subscribers - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Subscribers</h1>
            {% if organization %}<p class="rf-lede">For <strong>{{ organization.name }}</strong>{% if can_write %}. <a href="{% url 'check-login' %}">Check a login</a>{% endif %}</p>{% endif %}
        </div>
        {% if can_write %}<a class="button" href="{% url 'subscriber-create' %}">Add subscriber</a>{% endif %}
    </div>
    {% if subscribers %}
    <table class="rf-cards">
        <thead>
            <tr><th>Username</th><th>Full name</th><th>Plan</th><th>Status</th><th>Usage this period</th><th><span class="rf-visually-hidden">Actions</span></th></tr>
        </thead>
        <tbody>
        {% for s in subscribers %}
            <tr>
                <td data-label="Username" class="rf-primary">{{ s.username }}</td>
                <td data-label="Full name">{{ s.full_name }}</td>
                <td data-label="Plan">{{ s.plan.name }}</td>
                <td data-label="Status"><span class="rf-pill rf-pill-{{ s.status }}">{{ s.get_status_display }}</span></td>
                <td data-label="Usage this period">{% if s.usage %}{% if s.usage.over %}<span class="rf-pill rf-pill-suspended">Used up</span> {% endif %}{{ s.usage.text }}{% endif %}</td>
                <td class="rf-actions">{% if can_write %}<a href="{% url 'subscriber-edit' s.pk %}">Edit</a>{% endif %}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    {% if can_write %}
    <p class="rf-empty">No subscribers yet. Use <a href="{% url 'subscriber-create' %}">Add subscriber</a> to create the first one.</p>
    {% else %}
    <p class="rf-empty">No subscribers yet.</p>
    {% endif %}
    {% endif %}
{% endblock %}