{% extends "base.html" %}
{% block title %}Forge Engine — Mes jeux{% endblock %}
{% block breadcrumb_wrap %}{% endblock %}
{% block content_class %}content-wide content-objectEdit{% endblock %}
{% block body_class %}objectEditBody{% endblock %}
{% block content %}
<h1 class="title">Mes jeux</h1>

<div class="twoCol">
  <div class="colLeft">
    <h2>Créer un jeu</h2>
    <form method="post" action="{{ url_for('games_new') }}" class="card">
      <div class="formField">
        <label for="name">Nom du nouveau jeu</label>
        <input type="text" id="name" name="name" placeholder="ex. CyberQuest RGPD" required>
      </div>
      <div class="actionsRow"><button type="submit" class="primary">+ Créer le jeu</button></div>
      <p class="hint" style="margin-top:6px;">Crée un dossier avec index.html / index.css / index.js reliés entre eux, et une base de données dédiée à ce jeu.</p>
    </form>
  </div>

  <div class="colRight">
    <h2>Jeux existants</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 le jeu « {{ g.name }} » et tout son contenu (dossier + base de données) ?');">
                <button type="submit" class="button is-small is-danger" title="Supprimer ce jeu">🗑️</button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <p class="hint">Aucun jeu pour l'instant — crée le premier à gauche.</p>
    {% endif %}
  </div>
</div>
{% endblock %}