{% extends "base.html" %}
{% block title %}{{ game.name }} — Forge Engine{% endblock %}
{% block content_class %}content-wide{% endblock %}
{% block content %}
<h1 class="title">{{ game.name }}</h1>
<p class="hint mb-4">Base de données : projects/{{ game.slug }}/game.db</p>

<div class="dashboardGrid">
  <div class="dashboardCard">
    <h2>🖥️ Écrans du jeu <span class="dashboardCardCount">{{ screen_list|length }}</span></h2>
    {% if screen_list %}
    <div class="dashboardCardList">
      {% for s in screen_list %}
      <a class="dashboardCardItem" href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">
        <span>{{ s.name }}</span>
        {% if loop.first %}<span class="tag is-info is-light">★ Départ</span>{% endif %}
      </a>
      {% endfor %}
    </div>
    {% else %}
    <p class="hint">Aucun écran pour l'instant.</p>
    {% endif %}
    <div class="dashboardCardFooter">
      <a href="{{ url_for('screens_list', slug=game.slug) }}">Gérer les écrans →</a>
    </div>
  </div>

  <div class="dashboardCard">
    <h2>🗂️ Objets <span class="dashboardCardCount">{{ definitions|length }}</span></h2>
    {% if definitions %}
    <div class="dashboardCardList">
      {% for d in definitions %}
      <a class="dashboardCardItem" href="{{ url_for('object_view', slug=game.slug, definition_id=d.id) }}">
        <span>{{ d.name }}</span>
        <span class="has-text-grey">{{ d.table_name }}</span>
      </a>
      {% endfor %}
    </div>
    {% else %}
    <p class="hint">Aucun objet pour l'instant.</p>
    {% endif %}
    <div class="dashboardCardFooter">
      <a href="{{ url_for('object_new', slug=game.slug) }}">+ Nouvel objet →</a>
    </div>
  </div>

  <div class="dashboardCard">
    <h2>🧩 Éléments de jeu <span class="dashboardCardCount">{{ element_types|length }}</span></h2>
    {% if element_types %}
    <div class="dashboardCardList">
      {% for t in element_types %}
      <a class="dashboardCardItem" href="{{ url_for('screen_edit', slug=game.slug, screen_id=t.template_screen_id) }}">
        <span>{{ t.icon or '🧩' }} {{ t.name }}</span>
        <span class="has-text-grey">{{ element_type_usage.get(t.id, 0) }} instance(s)</span>
      </a>
      {% endfor %}
    </div>
    {% else %}
    <p class="hint">Aucun élément de jeu pour l'instant.</p>
    {% endif %}
    <div class="dashboardCardFooter">
      <a href="{{ url_for('element_types', slug=game.slug) }}">Gérer les éléments de jeu →</a>
    </div>
  </div>

  <div class="dashboardCard">
    <h2>🔧 Variables <span class="dashboardCardCount">{{ variables|length }}</span></h2>
    {% if variables %}
    <div class="dashboardCardList">
      {% for v in variables %}
      <div class="dashboardCardItem">
        <span>{{ v.name }}</span>
        <span class="has-text-grey">{{ v.value or '' }}</span>
      </div>
      {% endfor %}
    </div>
    {% else %}
    <p class="hint">Aucune variable pour l'instant.</p>
    {% endif %}
    <div class="dashboardCardFooter">
      <a href="{{ url_for('game_variables', slug=game.slug) }}">Gérer les variables →</a>
    </div>
  </div>
</div>

<div class="dangerZone" style="margin-top:24px;">
  <h3>Paramètres du jeu</h3>
  <form method="post" action="{{ url_for('game_rename', slug=game.slug) }}">
    <label for="rename">Renommer le jeu</label>
    <div class="fieldRow">
      <input type="text" id="rename" name="game_name" value="{{ game.name }}" required autocomplete="off">
      <button type="submit">Renommer</button>
    </div>
  </form>
  <form method="post" action="{{ url_for('game_delete', slug=game.slug) }}" class="actionsRow"
        onsubmit="return confirm('Supprimer définitivement le jeu « {{ game.name }} », son dossier et sa base de données ? Cette action est irréversible.');">
    <button type="submit" class="danger">🗑️ Supprimer ce jeu</button>
  </form>
</div>
{% endblock %}