{% extends 'base.html' %}
{% block content %}
  <h1 class="mb-4">Public Quiz</h1>

  <!-- Einführung -->
  <p class="lead">
    Willkommen zum interaktiven Gruppenquiz! Lade deinen Fragebogen hoch und starte ein spannendes Live-Quiz.
    Die Teilnehmenden antworten direkt über ihre Smartphones – schnell, fair und mit Live-Rangliste.
  </p>

  <!-- Punktevergabe (entspricht der aktuellen Backend-Logik) -->
  <h2 class="mb-3">Wie werden Punkte vergeben?</h2>
  <p>
    Pro Frage zählt <strong>genau ein</strong> Antwortversuch pro Spieler. Punkte gibt es ausschließlich für
    <strong>richtige</strong> Antworten und sie hängen davon ab, wie schnell geantwortet wird.
    Das Zeitlimit pro Frage beträgt <strong>20&nbsp;Sekunden</strong>.
  </p>
  <ul>
    <li><strong>Sofort richtige Antwort:</strong> bis zu <strong>10 Punkte</strong></li>
    <li><strong>Knapp vor Ablauf:</strong> mindestens <strong>1 Punkt</strong></li>
    <li><strong>Falsch oder zu spät:</strong> <strong>0 Punkte</strong></li>
  </ul>
  <p>
    Die Punkte werden zwischen 10 (schnellste richtige Antwort) und 1 (direkt vor Fristende) berechnet
    und auf <strong>eine Dezimalstelle</strong> gerundet (z.&nbsp;B. 7,3 Punkte).
  </p>
  <p class="text-muted">
    Sobald die richtige Lösung eingeblendet wurde, werden <strong>keine weiteren Antworten</strong> mehr gewertet.
    Die Rangliste aktualisiert sich nach jeder gewerteten Antwort und zeigt am Ende die finale Platzierung.
  </p>

  <!-- Dateivorlage -->
  <h2 class="mb-4">Fragebogen erstellen</h2>
  <p>
    Nutze die <strong>Beispieldatei</strong> als Vorlage und trage deine Fragen sowie die Antwortoptionen ein.
  </p>
  <p class="text-muted">
    Unterstützte Formate: <code>.xlsx</code>, <code>.xls</code> — maximal <strong>100</strong> Fragen.
  </p>

  <!-- Download-Link zur Beispiel-Datei -->
  <div class="mb-4">
    <a href="{{ url_for('static', filename='questions_example.xlsx') }}" class="btn btn-warning">
      Beispieldatei Fragebogen (Excel)
    </a>
  </div>

  <!-- Upload-Form -->
  <form action="{{ url_for('upload') }}" method="post" enctype="multipart/form-data">
    <div class="mb-3">
      <label for="file" class="form-label">Fragebogen hochladen</label>
      <input
        type="file"
        id="file"
        name="file"
        class="form-control"
        accept=".xlsx, .xls"
        required
      >
    </div>
    <button type="submit" class="btn btn-success">Spiel beginnen</button>
  </form>

  <!-- Fehlermeldung -->
  {% if error %}
    <div class="alert alert-danger mt-3" role="alert">
      {{ error }}
    </div>
  {% endif %}
{% endblock %}