{% extends "base.html" %}
{% block title %}Forge Engine — Créer mon jeu{% endblock %}
{% block body_class %}objectEditBody{% endblock %}
{% block content_class %}content-wide onboardingPage{% endblock %}
{% block content %}
{% if error %}<p class="hint onboardingError">{{ error }}</p>{% endif %}

<form method="post" action="{{ url_for('onboarding_new') }}" id="onboardingForm">
  <input type="hidden" name="onboarding_type" id="onboardingTypeHidden">

  <div class="onboardingViewport">
    <div class="onboardingTrack" id="onboardingTrack">

      <section class="onboardingStep onboardingStep--pick">
        <h2 class="onboardingTitle">Quel jeu veux-tu créer ?</h2>
        <div class="onboardingGrid">
          {% for key, info in onboarding_types.items() %}
          <button type="button" class="onboardingCard" data-type="{{ key }}" data-label="{{ info.label }}">
            <span class="onboardingCardInner">
              <span class="onboardingCardFace onboardingCardFront">
                <span class="onboardingCardIcon">{{ info.icon }}</span>
                <span class="onboardingCardLabel">{{ info.label }}</span>
              </span>
              <span class="onboardingCardFace onboardingCardBack">
                <span class="onboardingCardDesc">{{ info.description|safe }}</span> {# //NOSONAR S5247 - description est du HTML fixe, code en dur dans db.ONBOARDING_TYPES (aucune saisie utilisateur) #}
              </span>
            </span>
          </button>
          {% endfor %}
        </div>
      </section>

      <section class="onboardingStep onboardingStep--name">
        <button type="button" class="onboardingBackBtn" id="onboardingBackBtn">← Changer de type</button>
        <div class="onboardingNameBox">
          <label class="onboardingTitle" for="onboardingNameInput">Quel est le nom de votre jeu ?</label>
          <input type="text" name="name" id="onboardingNameInput" class="onboardingNameInput" placeholder="ex. CyberQuest RGPD" autocomplete="off">
          <button type="submit" id="onboardingSubmitBtn" class="primary onboardingSubmitBtn" disabled>Créer mon jeu</button>
        </div>
      </section>

    </div>
  </div>
</form>
<script src="{{ url_for('static', filename='js/onboarding/onboarding_new.js') }}"></script>
{% endblock %}