{% extends "base.html" %}

{% block title %}Informat-velden{% endblock %}
{% block page_title %}Informat-velden{% endblock %}
{% block loader_text %}Leerlingenlijst ophalen bij Informat...{% endblock %}

{% block content %}
<a href="{{ url_for('leerlingenaantal.leerlingenaantal_page') }}" style="display:inline-block;margin-bottom:14px">← Leerlingenaantallen</a>
<div class="card">
    <div class="page-head"><h2>🔎 Welke velden geeft Informat terug?</h2></div>
    <p class="muted">Haalt de leerlingenlijst op zoals bij het tellen en toont per veld hoeveel leerlingen een waarde hebben.
        Bij velden met weinig verschillende waarden zie je die waarden en hun aantal: zo vind je het veld dat de campus aangeeft.
        Namen en andere persoonsgegevens worden niet getoond.</p>
    <form method="GET" class="search-bar" onsubmit="showLoader()">
        <select name="school" required>
            <option value="">Kies een school…</option>
            {% for s in scholen %}<option value="{{ s.code }}" {% if school and s.code == school.code %}selected{% endif %}>{{ s.naam }}</option>{% endfor %}
        </select>
        <button type="submit">🔎 Velden ophalen</button>
    </form>

    {% if fout %}<div class="alert alert-danger">{{ fout }}</div>{% endif %}

    {% if velden is not none %}
    <p><strong>{{ totaal }}</strong> leerlingen ontvangen van Informat voor {{ school.naam }}.</p>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Veld</th><th class="text-right">Gevuld bij</th><th class="text-right">Verschillende waarden</th><th>Waarden (aantal leerlingen)</th></tr></thead>
            <tbody>
            {% for v in velden %}
                <tr {% if v.waarden|length > 1 %}style="background:var(--primary-light)"{% endif %}>
                    <td class="mono">{{ v.pad }}</td>
                    <td class="text-right">{{ v.gevuld }}</td>
                    <td class="text-right">{{ v.verschillend }}</td>
                    <td class="small">
                        {% if v.gevoelig %}<span class="muted">persoonsgegeven – niet getoond</span>
                        {% elif v.waarden %}{% for w, n in v.waarden %}<code>{{ w }}</code>&nbsp;{{ n }}{% if not loop.last %} · {% endif %}{% endfor %}
                        {% else %}<span class="muted">te veel verschillende waarden</span>{% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <p class="field-hint">Gevonden? Vul het veld in bij 🔌 Koppelingen › Informat › <em>Campusveld in de leerlingenlijst</em>
        en bij <em>Campussen</em> de waarden met een naam, bv. <code>1=Campus Kapellen, 3=Campus Stabroek</code>.</p>
    {% endif %}
</div>
{% endblock %}