{% extends "base.html" %}
{% block title %}Plans - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Plans</h1>
            {% if organization %}<p class="rf-lede">For <strong>{{ organization.name }}</strong></p>{% endif %}
        </div>
        {% if can_write %}<a class="button" href="{% url 'plan-create' %}">Add plan</a>{% endif %}
    </div>
    {% if plans %}
    <table class="rf-cards">
        <thead>
            <tr><th>Name</th><th>Router type</th><th>Download</th><th>Upload</th><th>Logins at once</th><th><span class="rf-visually-hidden">Actions</span></th></tr>
        </thead>
        <tbody>
        {% for p in plans %}
            <tr>
                <td data-label="Name" class="rf-primary">{{ p.name }}</td>
                <td data-label="Router type">{{ p.get_vendor_display }}</td>
                <td data-label="Download">{{ p.download_mbps|default:"Unlimited" }}{% if p.download_mbps %} Mbps{% endif %}</td>
                <td data-label="Upload">{{ p.upload_mbps|default:"Unlimited" }}{% if p.upload_mbps %} Mbps{% endif %}</td>
                <td data-label="Logins at once">{{ p.simultaneous_use }}</td>
                <td class="rf-actions">{% if can_write %}<a href="{% url 'plan-edit' p.pk %}">Edit</a>{% endif %}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    {% if can_write %}
    <p class="rf-empty">No plans yet. Use <a href="{% url 'plan-create' %}">Add plan</a> to create the first one.</p>
    {% else %}
    <p class="rf-empty">No plans yet.</p>
    {% endif %}
    {% endif %}
{% endblock %}