{% extends "base.html" %}
{% block title %}Tous les quiz{% endblock %}
{% block description %}10 quiz Linux de tous niveaux — découverte, débutant, intermédiaire, avancé, expert.{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Tous les quiz</h1>
  <p>{{ quizzes|length }} quiz — du niveau Découverte à Expert</p>
</div>

{% set levels = [
  (1, "🌱", "Découverte",     "public"),
  (2, "📘", "Débutant",       "public"),
  (3, "⚡", "Intermédiaire",  "public"),
  (4, "🔧", "Avancé",        "members"),
  (5, "🏆", "Expert",        "members"),
] %}

{% for level_id, icon, label, access in levels %}
  {% set level_quizzes = quizzes | selectattr("level_id", "equalto", level_id) | list %}
  {% if level_quizzes %}
  <section class="level-section">
    <h2 class="level-heading level-heading-{{ level_id }}">
      {{ icon }} Niveau {{ label }}
      {% if access == "members" %}
        <span class="badge members">Membres AlpID</span>
      {% else %}
        <span class="badge public">Public</span>
      {% endif %}
    </h2>
    <div class="quiz-grid">
      {% for quiz in level_quizzes %}
      <a href="{{ url_for('public.quiz_intro', quiz_id=quiz.id) }}"
         class="quiz-card {% if quiz.members_only %}quiz-card--members{% endif %}">
        <span class="quiz-icon">{{ quiz.icon }}</span>
        <div class="quiz-card-body">
          <h3>{{ quiz.title }}</h3>
          <p>{{ quiz.description }}</p>
          <div class="quiz-meta">
            <span class="quiz-duration">⏱ {{ quiz.duration_min }} min</span>
            <span class="quiz-count">{{ quiz.questions | length }} questions</span>
            {% if quiz.members_only and not user %}
              <span class="lock-badge">🔒 Connexion requise</span>
            {% endif %}
          </div>
        </div>
      </a>
      {% endfor %}
    </div>
  </section>
  {% endif %}
{% endfor %}

{% if not user %}
<div class="members-cta">
  <span class="cta-icon">🔒</span>
  <div>
    <strong>Quiz Avancé et Expert réservés aux membres</strong>
    <p>Créez un compte AlpID pour accéder aux 4 quiz avancés.</p>
  </div>
  <a href="{{ url_for('auth.login') }}" class="btn btn-primary">Se connecter</a>
</div>
{% endif %}
{% endblock %}