{% extends "base.html" %}
{% block title %}Forge Engine — Mes formations{% endblock %}
{% block content_class %}content-wide content-objectEdit{% endblock %}
{% block body_class %}objectEditBody{% endblock %}
{% block content %}
  <div class="dashPanelHeader">
    <h2 class="title is-4 mb-0">Mes formations</h2>
    <span class="forge-badge">{{ games|length + supports|length }} projet{{ 's' if (games|length + supports|length) != 1 else '' }}</span>
  </div>
  <div class="twoCol">
    <div class="colLeft">
      <h2>Créer un projet</h2>
      <!-- Onboarding guidé (voir routes/onboarding/onboarding_new.py) :
         comportement SYSTÉMATIQUE à chaque création de projet, pas une
         formalité réservée à l'inscription — un admin y repasse à
         volonté (illimité, aucun slot dédié qui bloquerait le retour).
         Un compte "user" restreint peut posséder AU PLUS un projet de
         chaque type (environnement 2D + support de formation, voir
         docs/plan/PLAN.md — deux entités racines séparées, jamais
         mélangées). -->
      <div class="card">
        <p class="hint" style="margin-top:0;">Choisis un type de projet, nomme-le : Forge Engine le crée et t'envoie directement sur l'éditeur adapté.</p>
        <div class="actionsRow"><a href="{{ url_for('onboarding_new') }}" class="button primary">+ Créer un projet</a></div>
      </div>
    </div>
    <div class="colRight">
      <h2>Environnements 2D</h2>
      {% if games %}
        <div class="fieldsTableWrap">
          <table class="table is-fullwidth is-hoverable fieldsTable">
            <thead>
              <tr>
                <th>Nom</th>
                <th>Dossier</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              {% for g in games %}
                <tr>
                  <td><a href="{{ url_for('game_dashboard', slug=g.slug) }}">{{ g.name }}</a></td>
                  <td class="has-text-grey">projects/{{ g.slug }}/</td>
                  <td class="fieldsTableActions">
                    <form method="post"
                          action="{{ url_for('game_delete', slug=g.slug) }}"
                          onsubmit="return confirm('Supprimer définitivement l\'environnement 2D « {{ g.name }} » et tout son contenu (dossier + base de données) ?');">
                      <button type="submit"
                              class="button is-small is-danger"
                              title="Supprimer cet environnement 2D">🗑️</button>
                    </form>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      {% else %}
        <p class="hint">Aucun environnement 2D pour l'instant — crée-en un à gauche.</p>
      {% endif %}
      <h2 class="mt-5">Supports de formation</h2>
      {% if supports %}
        <div class="fieldsTableWrap">
          <table class="table is-fullwidth is-hoverable fieldsTable">
            <thead>
              <tr>
                <th>Nom</th>
                <th>Dossier</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              {% for s in supports %}
                <tr>
                  <td><a href="{{ url_for('document_edit', slug=s.slug) }}">{{ s.name }}</a></td>
                  <td class="has-text-grey">projects/{{ s.slug }}/</td>
                  <td class="fieldsTableActions">
                    <form method="post"
                          action="{{ url_for('document_delete', slug=s.slug) }}"
                          onsubmit="return confirm('Supprimer définitivement le support « {{ s.name }} » et tout son contenu (dossier + base de données) ?');">
                      <button type="submit"
                              class="button is-small is-danger"
                              title="Supprimer ce support">🗑️</button>
                    </form>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      {% else %}
        <p class="hint">Aucun support de formation pour l'instant — crée-en un à gauche.</p>
      {% endif %}
    </div>
  </div>
{% endblock %}