{% extends "base.html" %}
{% block title %}{{ quiz.title }}{% endblock %}
{% block description %}{{ quiz.description }} Niveau {{ quiz.level }} — {{ quiz.questions|length }} questions.{% endblock %}

{% block content %}
<div class="quiz-intro-wrap">
  <div class="quiz-intro-card">
    <span class="quiz-intro-icon">{{ quiz.icon }}</span>
    <h1>{{ quiz.title }}</h1>
    <p class="quiz-intro-desc">{{ quiz.description }}</p>

    <div class="quiz-intro-meta">
      <div class="meta-item">
        <span class="meta-label">Niveau</span>
        <span class="level-badge level-badge-{{ quiz.level_id }}">{{ quiz.level }}</span>
      </div>
      <div class="meta-item">
        <span class="meta-label">Questions</span>
        <strong>{{ quiz.questions | length }}</strong>
      </div>
      <div class="meta-item">
        <span class="meta-label">Durée estimée</span>
        <strong>{{ quiz.duration_min }} min</strong>
      </div>
      <div class="meta-item">
        <span class="meta-label">Accès</span>
        {% if quiz.members_only %}
          <span class="badge members">🔒 Membres</span>
        {% else %}
          <span class="badge public">Public</span>
        {% endif %}
      </div>
    </div>

    {% if quiz.members_only and not user %}
    <div class="intro-lock-notice">
      <p>Ce quiz est réservé aux membres Alpinux.<br>
         Connectez-vous avec votre compte AlpID pour y accéder.</p>
      <a href="{{ url_for('auth.login') }}" class="btn btn-primary">Se connecter avec AlpID</a>
    </div>
    {% else %}
    <a href="{{ url_for('public.quiz_play', quiz_id=quiz.id) }}" class="btn btn-primary btn-lg">
      Commencer le quiz →
    </a>
    {% if user %}
      <p class="intro-note">Votre score sera enregistré dans votre profil.</p>
    {% else %}
      <p class="intro-note">
        <a href="{{ url_for('auth.login') }}">Connectez-vous</a> pour enregistrer votre score.
      </p>
    {% endif %}
    {% endif %}
  </div>
</div>
{% endblock %}