{% extends 'admin/layout.html.twig' %}
{% block page_title %}Quêtes journalières{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}">CSIWO</a>
  <span class="sep">/</span><span class="breadcrumb-text">Quêtes journalières</span>
{% endblock %}
{% block header_action %}
  <a href="{{ path('admin_daily_quest_new') }}" class="btn btn-primary btn-sm">+ Nouvelle quête</a>
  <a href="{{ path('admin_daily_quest_milestones') }}" class="btn btn-outline btn-sm">Jalons Power</a>
{% endblock %}

{% block content %}
<style>
  .quest-type-badge { display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }
  .qt-kill   { background:rgba(220,50,50,.18);color:#e06060; }
  .qt-gather { background:rgba(154,205,50,.18);color:#9acd32; }
  .qt-pvp    { background:rgba(100,149,237,.18);color:#6495ed; }
  .inactive-row { opacity:.5; }
</style>

<table class="admin-table">
  <thead>
    <tr>
      <th>Nom</th>
      <th>Description</th>
      <th>Type</th>
      <th>Objectif</th>
      <th>Power</th>
      <th>Catégorie ennemis</th>
      <th>Actif</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for quest in quests %}
    <tr class="{{ not quest.isActive ? 'inactive-row' }}">
      <td>{{ quest.name }}</td>
      <td style="color:var(--muted);font-size:.85rem;max-width:320px">{{ quest.description ? (quest.description|length > 90 ? quest.description|slice(0, 90) ~ '…' : quest.description) : '—' }}</td>
      <td><span class="quest-type-badge qt-{{ quest.type }}">{{ quest.type }}</span></td>
      <td>{{ quest.targetCount }}</td>
      <td><strong>{{ quest.powerReward }}</strong></td>
      <td>{{ quest.enemyCategory ?? '—' }}</td>
      <td>{{ quest.isActive ? '✓' : '✗' }}</td>
      <td style="white-space:nowrap">
        <a href="{{ path('admin_daily_quest_edit', {id: quest.id}) }}" class="btn btn-outline btn-sm">Modifier</a>
        <form method="POST" action="{{ path('admin_daily_quest_delete', {id: quest.id}) }}" style="display:inline"
              onsubmit="return confirm('Supprimer cette quête ?')">
          <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
        </form>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="8" style="text-align:center;color:var(--muted)">Aucune quête journalière définie.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}