{% extends 'admin/layout.html.twig' %}
{% block page_title %}Recettes de craft{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><span class="breadcrumb-text">Craft</span>
{% endblock %}
{% block header_action %}
  <a href="{{ path('admin_craft_new') }}" class="btn btn-primary btn-sm">+ Nouvelle recette</a>
{% endblock %}

{% block content %}
<style>
  .rt-badge { display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }
  .rt-item   { background:rgba(88,166,255,.18);color:#58a6ff; }
  .rt-weapon { background:rgba(220,100,50,.18);color:#e07050; }
  .rt-armor  { background:rgba(154,205,50,.18);color:#9acd32; }
  .inactive-row { opacity:.5; }
  .ing-list { font-size:.75rem;color:var(--muted); }
</style>

<table class="admin-table">
  <thead>
    <tr>
      <th>Nom</th>
      <th>Résultat</th>
      <th>Ingrédients</th>
      <th>Ordre</th>
      <th>Actif</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for recipe in recipes %}
    <tr class="{{ not recipe.isActive ? 'inactive-row' }}">
      <td><strong>{{ recipe.name }}</strong></td>
      <td>
        <span class="rt-badge rt-{{ recipe.resultType }}">{{ recipe.resultType }}</span>
        {% if recipe.resultType == 'item' and recipe.resultItem %}
          {{ recipe.resultItem.name }}{% if recipe.resultQty > 1 %} ×{{ recipe.resultQty }}{% endif %}
        {% elseif recipe.resultType == 'weapon' and recipe.resultWeapon %}
          {{ recipe.resultWeapon.name }}
        {% elseif recipe.resultType == 'armor' and recipe.resultArmor %}
          {{ recipe.resultArmor.name }}
        {% else %}
          <span style="color:var(--danger)">— non défini</span>
        {% endif %}
      </td>
      <td class="ing-list">
        {% for ing in recipe.ingredients %}
          {{ ing.item.name }} ×{{ ing.qty }}{% if not loop.last %}, {% endif %}
        {% else %}
          <span style="color:var(--muted)">Aucun</span>
        {% endfor %}
      </td>
      <td>{{ recipe.sortOrder }}</td>
      <td>{{ recipe.isActive ? '✓' : '✗' }}</td>
      <td style="white-space:nowrap">
        <a href="{{ path('admin_craft_edit', {id: recipe.id}) }}" class="btn btn-outline btn-sm">Modifier</a>
        <form method="POST" action="{{ path('admin_craft_delete', {id: recipe.id}) }}" style="display:inline"
              onsubmit="return confirm('Supprimer cette recette ?')">
          <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
        </form>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="6" style="text-align:center;color:var(--muted)">Aucune recette définie.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}