{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ title }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}">CSIWO</a>
  <span class="sep">/</span><a href="{{ path('admin_daily_quest_index') }}">Quêtes journalières</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ title }}</span>
{% endblock %}
{% block header_action %}{% endblock %}

{% block content %}
<style>
  .dq-form { max-width:540px; }
  .field { margin-bottom:14px; }
  .field-label { display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em; }
  .field input[type=text], .field input[type=number], .field select, .field textarea { width:100%;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;font-family:inherit; }
  .field input[type=text]:focus, .field input[type=number]:focus, .field select:focus, .field textarea:focus { border-color:var(--accent);outline:none; }
  .field textarea { resize:vertical;min-height:80px; }
  #enemyCategoryField, #targetEnemyField, #targetItemField { display:none; }
</style>

<div class="dq-form">
  <form method="POST" action="{{ action }}">

    <div class="field">
      <label class="field-label">Nom</label>
      <input type="text" name="name" value="{{ quest.name }}" required>
    </div>

    <div class="field">
      <label class="field-label">Description</label>
      <textarea name="description" rows="3" placeholder="Brève description affichée au joueur sous le nom de la quête.">{{ quest.description }}</textarea>
    </div>

    <div class="field">
      <label class="field-label">Type</label>
      <select name="type" id="questType" onchange="updateFields()">
        <option value="kill"          {{ quest.type == 'kill'          ? 'selected' }}>Kill — Tuer des ennemis</option>
        <option value="gather"        {{ quest.type == 'gather'        ? 'selected' }}>Gather — Récolter X fois</option>
        <option value="pvp"           {{ quest.type == 'pvp'           ? 'selected' }}>PvP — Gagner un combat PvP</option>
        <option value="earn_money"    {{ quest.type == 'earn_money'    ? 'selected' }}>Earn money — Gagner X Dollawrs</option>
        <option value="spend_money"   {{ quest.type == 'spend_money'   ? 'selected' }}>Spend money — Dépenser X Dollawrs</option>
      </select>
    </div>

    <div class="field" id="enemyCategoryField">
      <label class="field-label">Catégorie d'ennemis (optionnel)</label>
      <input type="text" name="enemyCategory" value="{{ quest.enemyCategory ?? '' }}"
             placeholder="Ex: Gobelin, Mort-vivant — laisser vide = tous">
    </div>

    <div class="field" id="targetEnemyField">
      <label class="field-label">Ennemi précis (optionnel)</label>
      <select name="targetId_enemy">
        <option value="0">— Aucun (tous selon catégorie) —</option>
        {% for e in enemies %}
          <option value="{{ e.id }}" {{ quest.targetId == e.id and quest.type == 'kill' ? 'selected' }}>{{ e.name }}{% if e.category %} ({{ e.category }}){% endif %}</option>
        {% endfor %}
      </select>
      <div style="font-size:.72rem;color:var(--muted);margin-top:4px">Si défini, prime sur la catégorie — seuls les kills sur cet ennemi comptent.</div>
    </div>

    <div class="field" id="targetItemField">
      <label class="field-label">Ressource précise (optionnel)</label>
      <select name="targetId_item">
        <option value="0">— Aucune (toute récolte compte) —</option>
        {% for i in items %}
          <option value="{{ i.id }}" {{ quest.targetId == i.id and quest.type == 'gather' ? 'selected' }}>{{ i.name }}</option>
        {% endfor %}
      </select>
      <div style="font-size:.72rem;color:var(--muted);margin-top:4px">Si défini, seules les récoltes de cette ressource comptent.</div>
    </div>

    <div class="field">
      <label class="field-label" id="targetCountLabel">Objectif (nombre)</label>
      <input type="number" name="targetCount" value="{{ quest.targetCount }}" min="1" style="max-width:160px">
      <div id="targetCountHelp" style="font-size:.72rem;color:var(--muted);margin-top:4px"></div>
    </div>

    <div class="field">
      <label class="field-label">Récompense Power</label>
      <input type="number" name="powerReward" value="{{ quest.powerReward }}" min="1" style="max-width:120px">
    </div>

    <div class="field">
      <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem">
        <input type="checkbox" name="isActive" {{ quest.isActive ? 'checked' }}>
        Quête active
      </label>
    </div>

    <div style="display:flex;gap:10px;margin-top:20px">
      <button type="submit" class="btn btn-primary">Enregistrer</button>
      <a href="{{ path('admin_daily_quest_index') }}" class="btn btn-outline">Annuler</a>
    </div>
  </form>
</div>

<script>
function updateFields() {
  var type      = document.getElementById('questType').value;
  var catField  = document.getElementById('enemyCategoryField');
  var enemyFld  = document.getElementById('targetEnemyField');
  var itemFld   = document.getElementById('targetItemField');
  var label     = document.getElementById('targetCountLabel');
  var help      = document.getElementById('targetCountHelp');

  catField.style.display = type === 'kill'   ? '' : 'none';
  enemyFld.style.display = type === 'kill'   ? '' : 'none';
  itemFld.style.display  = type === 'gather' ? '' : 'none';

  if (type === 'earn_money') {
    label.textContent = 'Montant à gagner (Dollawrs)';
    help.textContent  = 'Total cumulé de Dollawrs à gagner via combats, ventes au marché ou récompenses.';
  } else if (type === 'spend_money') {
    label.textContent = 'Montant à dépenser (Dollawrs)';
    help.textContent  = 'Total cumulé de Dollawrs à dépenser en boutiques, soin, marché ou frais d\'équipe.';
  } else {
    label.textContent = 'Objectif (nombre)';
    help.textContent  = '';
  }
}
updateFields();
</script>
{% endblock %}