{% extends "base.html" %}

{% block title %}Verbindingstest{% endblock %}
{% block page_title %}Verbindingstest{% endblock %}

{% block content %}
<div class="card">
    <div class="page-head"><h2>🩺 {{ school.naam }}</h2></div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Onderdeel</th><th>Resultaat</th><th>Details</th></tr></thead>
            <tbody>
            {% for onderdeel, ok, detail in resultaten %}
                <tr>
                    <td><strong>{{ onderdeel }}</strong></td>
                    <td>
                        {% if ok is none %}<span class="badge">niet ingesteld</span>
                        {% elif ok %}<span class="badge badge-success">✓ OK</span>
                        {% else %}<span class="badge badge-danger">✗ Fout</span>{% endif %}
                    </td>
                    <td class="small">{{ detail }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div style="margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center">
        <form method="POST" action="{{ url_for('scholen.test', code=school.code) }}" style="margin:0;display:inline"
              onsubmit="if (typeof showLoader === 'function') showLoader()">
            <button type="submit" class="btn-secondary">🔄 Opnieuw testen</button>
        </form>
        {% if session.get('superbeheerder') %}
        <a href="{{ url_for('scholen.bewerken', code=school.code) }}" class="btn btn-light">✏️ Instellingen</a>
        <a href="{{ url_for('scholen.overzicht') }}" class="btn btn-light">← Alle scholen</a>
        {% else %}
        <a href="{{ url_for('scholen.mijn_school') }}" class="btn btn-light">← Instellingen</a>
        {% endif %}
    </div>
</div>
{% endblock %}