{% extends "base.html" %}
{% block title %}Namensliste{% endblock %}
{% block content %}
<h1 class="page-title">Namensliste
  {% if stg %}<span class="badge">{{ stg.code }} - {{ stg.name }}</span>{% endif %}
  <span class="badge badge-muted">{{ ver == 'V' and 'Vollzeit' or ver }}</span>
</h1>

<div class="card">
  <form class="form-row" method="get" action="/liste">
    <div class="field">
      <label>Studiengang</label>
      <select name="kz" id="stg-select" required onchange="reloadVerbands()">
        {% for s in meta.stgs %}
          <option value="{{ s.kz }}" {{ 'selected' if s.kz == kz }}>{{ s.code }} - {{ s.name }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="field">
      <label>Studien-Semester</label>
        <select name="sem" id="sem-select" onchange="reloadVerbands()">
          {% for n in sems %}
            <option value="{{ n }}" {{ 'selected' if (n | string) == sem }}>{{ n }}</option>
          {% endfor %}
        </select>
    </div>
    <div class="field">
      <label>Verband</label>
      <select name="ver" id="ver-select">
        {% for v in verbands %}
          <option value="{{ v }}" {{ 'selected' if v == ver }}>{{ v }}{{ verband_label(v) }}</option>
        {% endfor %}
      </select>
    </div>
    <button class="btn btn-primary" type="submit">Laden</button>
  </form>
</div>

<div class="card">
  <h2>
    Studierende, Semester {{ sem }}, Verband {{ ver }}
    <span class="count-pill" id="student-count">{{ students | length }}</span>
  </h2>
  <div class="form-row" style="margin-bottom:12px">
    <div class="field" style="flex:1">
      <label>&nbsp;</label>
      <input type="text" id="list-search" placeholder="Suchen (Name oder Matrikelnummer)..."
             oninput="filterList()" style="width:100%">
    </div>
    <button class="btn" onclick="downloadCSV()" title="Tabelle als CSV herunterladen">CSV export</button>
  </div>
  <div style="overflow-x:auto">
  <table class="data" id="list-table">
    <thead>
      <tr>
        <th>#</th>
        <th>Nachname</th>
        <th>Vorname</th>
        <th>Geschlecht</th>
        <th>Matrikelnummer</th>
        <th>Start</th>
        <th>Mail</th>
      </tr>
    </thead>
    <tbody>
      {% for st in students %}
      {% set dec = decode_matrikel(st.matrikel, meta.stgs) %}
      <tr data-search="{{ (st.nachname ~ ' ' ~ st.vorname ~ ' ' ~ st.matrikel) | lower }}">
        <td class="num">{{ loop.index }}</td>
        <td>{{ st.nachname }}</td>
        <td>{{ st.vorname }}</td>
        <td>{{ st.geschlecht }}</td>
        <td class="mono">
          {% if dec %}
            <a href="/plan?uid={{ st.matrikel }}" title="Plan aufrufen">{{ st.matrikel }}</a>
          {% else %}
            {{ st.matrikel }}
          {% endif %}
        </td>
        <td>{% if dec %}<span class="badge badge-muted">{{ dec.start }}</span>{% else %}-{% endif %}</td>
        <td><a href="mailto:{{ st.mail }}">{{ st.mail }}</a></td>
      </tr>
      {% else %}
      <tr><td colspan="7" class="empty">Keine Studierenden gefunden (Semester/Verband prüfen - nicht jede Kombination existiert).</td></tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
</div>
{% endblock %}

{% block scripts %}
<script>
window.__LIST_DATA__ = {{ students_json | tojson }};
window.__LIST_COUNT__ = {{ students | length }};
</script>
{% endblock %}