{% extends 'admin/layout.html.twig' %}
{% block page_title %}Élément — {{ element.name }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span>
  <a href="{{ path('admin_element_index') }}" class="breadcrumb-link">Éléments</a>
  <span class="sep">/</span>
  <span class="breadcrumb-text">{{ element.name }}</span>
{% endblock %}

{% block content %}
<form method="post" class="admin-form">
  <div class="form-section">
    <div class="form-section-title">Identité</div>
    <div style="display:flex;align-items:center;gap:14px;padding:12px 4px">
      {% if element.color %}
        <span style="display:inline-block;width:32px;height:32px;border-radius:6px;background:{{ element.color }};border:1px solid rgba(255,255,255,.2);"></span>
      {% endif %}
      <div>
        <div style="font-size:1.05rem;font-weight:700;color:var(--text)">{{ element.name }}</div>
        <div style="font-size:.78rem;color:var(--muted)">
          Jeu : {{ ('game.id.' ~ element.gameId)|trans({}, 'game') }}
          {% if element.originalId %} · original_id {{ element.originalId }}{% endif %}
        </div>
      </div>
    </div>
    <p class="form-help" style="margin-top:6px">
      Nom, couleur et icône sont figés (seedés depuis l'Excel). Modifier ci-dessous uniquement la description des effets passifs conférés par ce type.
    </p>
  </div>

  <div class="form-section">
    <div class="form-section-title">Avantages passifs</div>
    <div class="form-field">
      <label for="advantages">Description des avantages</label>
      <textarea id="advantages" name="advantages" rows="8" placeholder="Ex : Résistance naturelle au feu, permet d'ignorer les dégâts de brûlure, +20 % de vitesse en terrain volcanique…">{{ element.advantages }}</textarea>
      <p class="form-help">Texte libre. Les retours à la ligne sont conservés à l'affichage.</p>
    </div>
  </div>

  <div class="form-section">
    <div class="form-section-title">Inconvénients passifs</div>
    <div class="form-field">
      <label for="disadvantages">Description des inconvénients</label>
      <textarea id="disadvantages" name="disadvantages" rows="8" placeholder="Ex : Faiblesse à l'eau, dégâts subis ×1.5 par les sorts de glace…">{{ element.disadvantages }}</textarea>
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Enregistrer</button>
    <a href="{{ path('admin_element_index') }}" class="btn btn-secondary">Annuler</a>
    <a href="{{ path('element_show', {id: element.id}) }}" class="btn btn-secondary" target="_blank" rel="noopener">Voir la fiche publique</a>
  </div>
</form>
{% endblock %}