{% extends 'admin/layout.html.twig' %}

{% block page_title %}Accueil{% endblock %}

{% block breadcrumb %}{% endblock %}
{% block header_action %}{% endblock %}

{% block content %}
<style>
  .category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
  .category-card {
    background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
    padding: 20px; display: flex; flex-direction: column; gap: 14px;
    transition: border-color .15s;
  }
  .category-card:hover { border-color: var(--accent); }
  .category-card h2 { font-size: 1rem; font-weight: 700; color: var(--text); }
  .category-card .count { font-size: 2rem; font-weight: 700; color: var(--accent); line-height: 1; }
  .category-card .count-label { font-size: .75rem; color: var(--muted); margin-top: 2px; }
  .card-btns { display: flex; flex-direction: column; gap: 6px; }
  .card-btns a { text-align: center; }
  .btn-outline { background: transparent; color: var(--accent2); border: 1px solid var(--accent2); }
</style>

<div class="category-grid">
  {% for slug, info in {
    'character':      {label: 'Personnages',      new_route: 'admin_character_new',      list_route: 'admin_character_index'},
    'character_role': {label: 'Rôles',           new_route: 'admin_character_role_new', list_route: 'admin_character_role_index'},
    'enemy':          {label: 'Ennemis',          new_route: 'admin_enemy_new',          list_route: 'admin_enemy_index'},
    'item':        {label: 'Objets',          new_route: 'admin_item_new',         list_route: 'admin_item_index'},
    'weapon':      {label: 'Armes',           new_route: 'admin_weapon_new',       list_route: 'admin_weapon_index'},
    'armor':       {label: 'Armures',         new_route: 'admin_armor_new',        list_route: 'admin_armor_index'},
    'skill':       {label: 'Compétences',     new_route: 'admin_skill_new',        list_route: 'admin_skill_index'},
    'status':      {label: 'Statuts',         new_route: 'admin_status_new',       list_route: 'admin_status_index'},
    'weapon_type': {label: 'Types d\'armes',  new_route: 'admin_weapon_type_new',  list_route: 'admin_weapon_type_index'},
    'armor_type':  {label: 'Types d\'armures',new_route: 'admin_armor_type_new',   list_route: 'admin_armor_type_index'},
    'achievement':    {label: 'Succès',          new_route: 'admin_achievement_new',       list_route: 'admin_achievement_index'},
    'player_avatar':  {label: 'Avatars joueur', new_route: 'admin_player_avatar_new',    list_route: 'admin_player_avatar_index'},
    'trading_card':   {label: 'Cartes à jouer', new_route: 'admin_trading_card_new',     list_route: 'admin_trading_card_index'}
  } %}
  <div class="category-card">
    <h2>{{ info.label }}</h2>
    <div>
      <div class="count">{{ counts[slug] }}</div>
      <div class="count-label">entrée{{ counts[slug] != 1 ? 's' }}</div>
    </div>
    <div class="card-btns">
      <a href="{{ path(info.list_route) }}" class="btn btn-outline btn-sm">Voir la liste</a>
      <a href="{{ path(info.new_route) }}" class="btn btn-primary btn-sm">+ Nouveau</a>
    </div>
  </div>
  {% endfor %}

  {# ── Éléments : édition seule (name/color/icon seedés depuis l'Excel) ── #}
  <div class="category-card" style="border-color:rgba(88,166,255,.35);background:rgba(88,166,255,.04)">
    <h2 style="color:#58a6ff">Éléments</h2>
    <div>
      <div class="count" style="color:#58a6ff">{{ counts.element ?? '—' }}</div>
      <div class="count-label">élément{{ (counts.element ?? 0) != 1 ? 's' }}</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_element_index') }}" class="btn btn-outline btn-sm">Voir la liste</a>
    </div>
  </div>

  <div class="category-card" style="border-color:rgba(63,185,80,.35);background:rgba(63,185,80,.04)">
    <h2 style="color:#3fb950">Goodies Store</h2>
    <div>
      <div class="count" style="color:#3fb950">{{ counts.store_goodie ?? '—' }}</div>
      <div class="count-label">goodie{{ (counts.store_goodie ?? 0) != 1 ? 's' }}</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_store_goodie_index') }}" class="btn btn-sm" style="background:rgba(63,185,80,.12);color:#3fb950;border:1px solid rgba(63,185,80,.4)">Gérer les goodies →</a>
      <a href="{{ path('admin_store_goodie_new') }}" class="btn btn-sm btn-primary">+ Nouveau</a>
    </div>
  </div>

  <div class="category-card" style="border-color:rgba(184,134,11,.35);background:rgba(184,134,11,.04)">
    <h2 style="color:#ffd700">Joueurs</h2>
    <div>
      <div class="count" style="color:#ffd700">{{ counts.player ?? '—' }}</div>
      <div class="count-label">compte{{ (counts.player ?? 0) != 1 ? 's' }} inscrits</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_players') }}" class="btn btn-sm" style="background:rgba(184,134,11,.12);color:#ffd700;border:1px solid rgba(184,134,11,.4)">
        Voir les joueurs →
      </a>
    </div>
  </div>

  <div class="category-card" style="border-color:rgba(240,100,50,.35);background:rgba(240,100,50,.04)">
    <h2 style="color:#f06432">Commandes Goodies</h2>
    <div>
      <div class="count" style="color:#f06432">{{ counts.goodie_orders ?? '—' }}</div>
      <div class="count-label">commande{{ (counts.goodie_orders ?? 0) != 1 ? 's' }}</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_goodie_orders') }}" class="btn btn-sm" style="background:rgba(240,100,50,.12);color:#f06432;border:1px solid rgba(240,100,50,.4)">
        Voir les commandes →
      </a>
    </div>
  </div>

  <div class="category-card" style="border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.04)">
    <h2 style="color:#8b5cf6">Clés de badge</h2>
    <div>
      <div class="count" style="color:#8b5cf6">{{ counts.badge_keys_available ?? '—' }}</div>
      <div class="count-label">disponible{{ (counts.badge_keys_available ?? 0) != 1 ? 's' }}</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_badge_keys') }}" class="btn btn-sm" style="background:rgba(139,92,246,.12);color:#8b5cf6;border:1px solid rgba(139,92,246,.4)">
        Gérer les clés →
      </a>
    </div>
  </div>

  <div class="category-card" style="border-color:rgba(88,166,255,.35);background:rgba(88,166,255,.04)">
    <h2 style="color:var(--accent2)">CSI World Online</h2>
    <div>
      <div class="count" style="color:var(--accent2)">MMO</div>
      <div class="count-label">Cartes, classes, personnages…</div>
    </div>
    <div class="card-btns">
      <a href="{{ path('admin_csiwo_index') }}" class="btn btn-sm" style="background:rgba(88,166,255,.12);color:var(--accent2);border:1px solid rgba(88,166,255,.4)">
        Gérer CSIWO →
      </a>
    </div>
  </div>
</div>
{% endblock %}