{% extends 'admin/layout.html.twig' %}
{% block page_title %}Étapes — {{ quest.name }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><a href="{{ path('admin_csiwo_quest_index') }}" class="breadcrumb-link">Quêtes</a>
  <span class="sep">/</span><a href="{{ path('admin_csiwo_quest_edit', {id: quest.id}) }}" class="breadcrumb-link">{{ quest.name }}</a>
  <span class="sep">/</span><span class="breadcrumb-text">Étapes</span>
{% endblock %}
{% block header_action %}
  <a href="{{ path('admin_csiwo_quest_step_new', {questId: quest.id}) }}" class="btn btn-primary">+ Nouvelle étape</a>
{% endblock %}

{% block content %}
<div class="toolbar">
  <span class="toolbar-count">{{ quest.steps|length }} étape{{ quest.steps|length != 1 ? 's' }}</span>
</div>

{% if quest.steps is empty %}
  <p class="empty">Aucune étape. <a href="{{ path('admin_csiwo_quest_step_new', {questId: quest.id}) }}">Créer la première →</a></p>
{% else %}
<table>
  <thead><tr>
    <th data-sort="sortOrder" data-sort-type="num">Ordre</th>
    <th data-sort="title">Titre</th>
    <th>Zone déclencheur</th>
    <th>Objectifs</th>
    <th>Dialogues</th>
    <th></th>
  </tr></thead>
  <tbody>
  {% for step in quest.steps %}
  <tr>
    <td>{{ step.sortOrder }}</td>
    <td><strong>{{ step.title }}</strong></td>
    <td>
      {% if step.triggerZone %}
        <span style="font-size:.85em">{{ step.triggerZone.name }}</span>
      {% else %}
        <span class="dash">—</span>
      {% endif %}
    </td>
    <td>{{ step.objectives|length }}</td>
    <td style="font-size:.8em;color:var(--muted)">
      {% if step.onEnterDialog %}↓ {{ step.onEnterDialog.name }}{% endif %}
      {% if step.onCompleteDialog %}{% if step.onEnterDialog %} · {% endif %}✓ {{ step.onCompleteDialog.name }}{% endif %}
      {% if not step.onEnterDialog and not step.onCompleteDialog %}<span class="dash">—</span>{% endif %}
    </td>
    <td>
      <div class="actions">
        <a href="{{ path('admin_csiwo_quest_step_edit', {questId: quest.id, id: step.id}) }}" class="btn btn-sm btn-edit">Modifier</a>
        <form method="post" action="{{ path('admin_csiwo_quest_step_delete', {questId: quest.id, id: step.id}) }}"
              onsubmit="return confirm('Supprimer cette étape ?')">
          <button type="submit" class="btn btn-sm btn-delete">Supprimer</button>
        </form>
      </div>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}