{% extends "base.html" %}
{% block title %}Check a login - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Check a login</h1>
            <p class="rf-lede">Would this username and password be accepted, and why (not)? Checks the account, its
                allowance, the password and the plan. It does not contact the router.</p>
        </div>
    </div>

    <form method="post" class="rf-form-card" autocomplete="off">
        {% csrf_token %}
        <label for="id_username">Username</label>
        <input type="text" id="id_username" name="username" value="{{ checked_username }}" required>

        <label for="id_password">Password</label>
        <input type="password" id="id_password" name="password" autocomplete="new-password">
        <div class="helptext">Not stored and not shown again. Directory subscribers are checked against the directory itself.</div>

        <label for="id_router">Router (optional)</label>
        <select id="id_router" name="router">
            <option value="">Any of this Organization's routers</option>
            {% for r in routers %}<option value="{{ r.pk }}">{{ r.shortname }} ({{ r.nasname }})</option>{% endfor %}
        </select>

        <div class="rf-form-actions">
            <button type="submit">Check</button>
            <a href="{% url 'subscriber-list' %}">Back to subscribers</a>
        </div>
    </form>

    {% if result %}
    <section class="rf-panel" aria-live="polite">
        <div class="rf-panel-head">
            <h2>{% if result.accepted %}<span class="rf-pill rf-pill-active">Would be accepted</span>{% else %}<span class="rf-pill rf-pill-suspended">Would be refused</span>{% endif %}</h2>
        </div>
        <p>{{ result.summary }}</p>
        <ul class="rf-attempts">
            {% for kind, text in result.steps %}
            <li>{% if kind == "ok" %}<span class="rf-pill rf-pill-active">OK</span>{% elif kind == "no" %}<span class="rf-pill rf-pill-suspended">No</span>{% else %}<span class="rf-pill">Note</span>{% endif %} {{ text }}</li>
            {% endfor %}
        </ul>
    </section>
    {% endif %}
{% endblock %}