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

<form method="post" action="{{ url_for('games_new') }}" class="box">
  <div class="field">
    <label class="label" for="name">Nom du nouveau jeu</label>
    <div class="field has-addons">
      <div class="control is-expanded">
        <input class="input" type="text" id="name" name="name" placeholder="ex. CyberQuest RGPD" required>
      </div>
      <div class="control">
        <button type="submit" class="button is-primary">+ Créer le jeu</button>
      </div>
    </div>
    <p class="help">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>
  </div>
</form>

<h2 class="subtitle">Jeux existants</h2>
{% if games %}
<div class="table-container">
<table class="table is-fullwidth is-hoverable">
  <tbody>
  {% for g in games %}
  <tr>
    <td class="is-vcentered">
      <a href="{{ url_for('game_dashboard', slug=g.slug) }}" class="has-text-weight-semibold">{{ g.name }}</a>
      <br><span class="is-size-7 has-text-grey">projects/{{ g.slug }}/</span>
    </td>
    <td class="is-vcentered has-text-right">
      <form method="post" action="{{ url_for('game_delete', slug=g.slug) }}" class="is-inline-block"
            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="help">Aucun jeu pour l'instant — crée le premier ci-dessus.</p>
{% endif %}
{% endblock %}