{% extends "base.html" %}
{% block title %}Routers - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Routers</h1>
            {% if organization %}<p class="rf-lede">For <strong>{{ organization.name }}</strong></p>{% endif %}
        </div>
        {% if can_write %}<a class="button" href="{% url 'nas-create' %}">Add router</a>{% endif %}
    </div>
    <p class="hint">A router is anything that sends login requests to RadiusForge: a MikroTik, an access
       point, a firewall. Add each one your subscribers connect through. Changes usually take effect in
       under a minute.</p>
    {% if devices %}
    <table class="rf-cards">
        <thead>
            <tr><th>Name</th><th>IP address</th><th>Platform</th><th><span class="rf-visually-hidden">Actions</span></th></tr>
        </thead>
        <tbody>
        {% for d in devices %}
            <tr>
                <td data-label="Name" class="rf-primary">{{ d.shortname }}</td>
                <td data-label="IP address" class="mono">{{ d.nasname }}</td>
                <td data-label="Platform">{{ d.get_type_display }}</td>
                <td class="rf-actions">
                    {% if can_write %}
                    <a href="{% url 'nas-edit' d.pk %}">Edit</a>
                    <form method="post" action="{% url 'nas-delete' d.pk %}"
                          onsubmit="return confirm('Remove {{ d.shortname|escapejs }}? Subscribers connecting through it will no longer be able to log in.');">
                        {% csrf_token %}
                        <button type="submit" class="small-button">Remove</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    {% if can_write %}
    <p class="rf-empty">No routers yet. Use <a href="{% url 'nas-create' %}">Add router</a> to register the first one.</p>
    {% else %}
    <p class="rf-empty">No routers yet.</p>
    {% endif %}
    {% endif %}
{% endblock %}