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

<form method="post" action="{{ url_for('games_new') }}" class="card">
  <div class="fieldRow">
    <div class="formField" style="flex:1;">
      <label for="name">Nom du nouveau jeu</label>
      <input type="text" id="name" name="name" placeholder="ex. CyberQuest RGPD" required>
    </div>
    <button type="submit" class="primary" style="align-self:flex-end;">+ 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>

<h2>Jeux existants</h2>
<div class="scrollArea">
{% 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 ci-dessus.</p>
{% endif %}
</div>
{% endblock %}