{% extends 'base.html' %}
{% block title %}Abstimmungen · Einwandfrei{% endblock %}
{% block body %}
<h1 class="page-title">Aktuelle Abstimmungen</h1>
{% if not eligible %}
<div class="flash flash-warn">Du bist aktuell nicht abstimmungsberechtigt. Du kannst Abstimmungen sehen, aber nicht abstimmen. Nur E-Mail-Adressen auf der Berechtigten-Liste (Seite „Erstellen") dürfen abstimmen.</div>
{% endif %}

<details class="whitelist-toggle">
  <summary>Abstimmungsberechtigte anzeigen ({{ whitelist | length }})</summary>
  <div class="whitelist-panel">
    {% if whitelist %}
    <ul class="whitelist-entries">
      {% for e in whitelist %}<li>{{ e }}</li>{% endfor %}
    </ul>
    {% else %}
    <p class="muted">Die Liste ist leer – aktuell darf niemand abstimmen.</p>
    {% endif %}
  </div>
</details>

{% if not open_polls %}
<div class="card empty-state">
  <p class="muted">Aktuell gibt es keine offenen Abstimmungen.</p>
  <a href="{{ url_for('erstellen') }}" class="btn btn-primary">Erste Abstimmung erstellen</a>
</div>
{% endif %}

{% for p in open_polls %}
<div class="card poll-card">
  <div class="poll-head">
    <h2>{{ p.title }}</h2>
    <span class="badge badge-open">Offen</span>
  </div>
  {% if p.description %}<p class="muted">{{ p.description }}</p>{% endif %}

  <p class="poll-meta">Erstellt am {{ p.created_at }}</p>
  {% if p.voted %}
    <div class="voted-note">✓ Deine Stimme wurde anonym gezählt. Die Ergebnisse siehst du, wenn die Umfrage geschlossen wird.</div>
  {% elif not eligible %}
    <div class="voted-note muted">Nicht abstimmungsberechtigt – du kannst diese Abstimmung nur ansehen. Die Ergebnisse siehst du, wenn die Umfrage geschlossen wird.</div>
  {% else %}
  <form method="post" action="{{ url_for('vote', poll_id=p.id) }}" class="vote-form">
    {% for o in p.options %}
    <label class="option-row">
      <input type="radio" name="option_id" value="{{ o.id }}" required>
      <span class="option-text">{{ o.text }}</span>
    </label>
    {% endfor %}
    <button type="submit" class="btn btn-primary">Anonym abstimmen</button>
  </form>
  <p class="small muted">Die Ergebnisse siehst du, wenn die Umfrage geschlossen wird.</p>
  {% endif %}
  {% if p.is_creator %}
  <p class="small muted">Deine Umfrage — Live-Zwischenstand &amp; Schließen unter <a href="{{ url_for('meine') }}">Meine Umfragen</a>.</p>
  {% endif %}
</div>
{% endfor %}

{% if closed_polls %}
<h1 class="page-title section-gap">Ergebnisse <span class="muted title-note">(24h sichtbar nach Schließung)</span></h1>
{% for p in closed_polls %}
<div class="card poll-card poll-closed">
  <div class="poll-head">
    <h2>{{ p.title }}</h2>
    <span class="badge badge-closed">Geschlossen</span>
  </div>
  {% if p.description %}<p class="muted">{{ p.description }}</p>{% endif %}
  <p class="poll-meta">Geschlossen am {{ p.closed_at }} · {{ p.total }} Stimme(n) gesamt</p>
  {% for o in p.options %}
  <div class="result-row">
    <div class="result-label">
      <span>{{ o.text }}</span>
      <span class="result-count">{{ o.count }} · {{ ((o.count / p.total * 100) | round(1)) if p.total else 0 }}%</span>
    </div>
    <div class="result-bar-bg">
      <div class="result-bar" style="width: {{ (o.count / p.total * 100) if p.total else 0 }}%"></div>
    </div>
  </div>
  {% endfor %}
</div>
{% endfor %}
{% endif %}
{% endblock %}