{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ title }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_skill_index') }}" class="breadcrumb-link">Compétences</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ title }}</span>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script>
document.addEventListener('DOMContentLoaded', function () {
  var utilityCategory = document.getElementById('utilityCategory');
  var damageCategory  = document.getElementById('damageCategory');
  var damageType      = document.getElementById('damageType');
  if (!utilityCategory) return;
  var hasCritical = document.querySelector('input[name="hasCritical"]');
  utilityCategory.addEventListener('change', function () {
    if (this.value === '0') { damageCategory.value = '1'; }       // Physique → Physique
    else if (this.value === '1') { damageCategory.value = '2'; }  // Magique → Magique
    else if (this.value === '2') { damageCategory.value = '0'; damageType.value = '6'; if (hasCritical) hasCritical.checked = false; } // Statut
    else if (this.value === '3') { if (hasCritical) hasCritical.checked = false; } // Soin
  });
});
</script>
{% endblock %}

{% block content %}
<form method="post" action="{{ action }}">

  <div class="section">
    <div class="section-title">Général</div>
    <div class="grid-2">
      <div class="field col-span-2">
        <label class="checkbox-item">
          <input type="checkbox" name="isEnemySkill" {{ skill.isEnemySkill ? 'checked' }}>
          Compétence ennemie (masquée partout sauf dans les fiches ennemis)
        </label>
      </div>
      <div class="field">
        <label class="field-label" for="gameId">Jeu</label>
        <select name="gameId" id="gameId">
          <option value="0" {{ skill.gameId == 0 ? 'selected' }}>CSI Forever</option>
          <option value="1" {{ skill.gameId == 1 ? 'selected' }}>CSII Forever</option>
          <option value="2" {{ skill.gameId == 2 ? 'selected' }}>CSI Rogue</option>
          <option value="3" {{ skill.gameId == 3 ? 'selected' }}>Narval Souls</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="originalId">Original ID <span class="field-hint hint-zero">(rvdata2 / import)</span></label>
        <input type="number" name="originalId" id="originalId" min="0" value="{{ skill.originalId }}">
      </div>
      <div class="field">
        <label class="field-label" for="skillType">Type</label>
        <select name="skillType" id="skillType">
          {# Labels game-aware via skill.type.{gameId}.{val} — les valeurs
             n'ont pas la même signification d'un jeu à l'autre. #}
          {% for val in 0..4 %}
            {% set key = 'skill.type.' ~ skill.gameId ~ '.' ~ val %}
            {% set lbl = key|trans({}, 'game') %}
            {% if lbl != key %}
              <option value="{{ val }}" {{ skill.skillType == val ? 'selected' }}>{{ lbl }}</option>
            {% endif %}
          {% endfor %}
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="utilityCategory">Catégorie utilitaire</label>
        <select name="utilityCategory" id="utilityCategory">
          <option value="0" {{ skill.utilityCategory == 0 ? 'selected' }}>Physique</option>
          <option value="1" {{ skill.utilityCategory == 1 ? 'selected' }}>Magique</option>
          <option value="2" {{ skill.utilityCategory == 2 ? 'selected' }}>Statut</option>
          <option value="3" {{ skill.utilityCategory == 3 ? 'selected' }}>Soin</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="elementId">Élément</label>
        <select name="elementId" id="elementId">
          <option value="0" {{ skill.element is null ? 'selected' }}>Aucun</option>
          {% for element in elements %}
            {% set elemGame = element.isCsi1Exclusive ? '0' : (element.isCsi2Exclusive ? '1' : (element.isCsiRogueExclusive ? '2' : '')) %}
            <option value="{{ element.id }}"{% if elemGame %} data-game="{{ elemGame }}"{% endif %} {{ skill.element and skill.element.id == element.id ? 'selected' }}>{{ element.name }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="name">Nom *</label>
        <input type="text" name="name" id="name" required value="{{ skill.name }}">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="description">Description</label>
        <textarea name="description" id="description">{{ skill.description }}</textarea>
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="specialEffect">Effet spécial</label>
        <textarea name="specialEffect" id="specialEffect">{{ skill.specialEffect }}</textarea>
      </div>
      <div class="field">
        <label class="field-label" for="availability">Disponibilité</label>
        <select name="availability" id="availability">
          <option value="0" {{ skill.availability == 0 ? 'selected' }}>Combat</option>
          <option value="1" {{ skill.availability == 1 ? 'selected' }}>Menu</option>
          <option value="2" {{ skill.availability == 2 ? 'selected' }}>Partout</option>
          <option value="3" {{ skill.availability == 3 ? 'selected' }}>Autre</option>
        </select>
      </div>
    </div>
  </div>

  <div class="section">
    <div class="section-title">Combat</div>
    <div class="grid-4">
      <div class="field">
        <label class="field-label" for="egCost">Coût EG</label>
        <input type="number" name="egCost" id="egCost" min="0" value="{{ skill.egCost }}">
      </div>
      <div class="field">
        <label class="field-label" for="powerCost">Coût {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }}</label>
        <input type="number" name="powerCost" id="powerCost" min="0" value="{{ skill.powerCost }}">
      </div>
      <div class="field">
        <label class="field-label" for="accuracy">Précision</label>
        <input type="number" name="accuracy" id="accuracy" min="0" value="{{ skill.accuracy }}">
      </div>
      <div class="field">
        <label class="field-label" for="hits">Nbre coups</label>
        <input type="number" name="hits" id="hits" min="0" value="{{ skill.hits }}">
      </div>
      <div class="field">
        <label class="field-label" for="powerGain">Gain {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }}</label>
        <input type="number" name="powerGain" id="powerGain" min="0" value="{{ skill.powerGain }}">
      </div>
      <div class="field">
        <label class="field-label" for="priority">Priorité</label>
        <input type="number" name="priority" id="priority" value="{{ skill.priority }}">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="targetType">Cible</label>
        <select name="targetType" id="targetType">
          <option value="0"  {{ skill.targetType == 0  ? 'selected' }}>Personne</option>
          <option value="1"  {{ skill.targetType == 1  ? 'selected' }}>1 ennemi</option>
          <option value="2"  {{ skill.targetType == 2  ? 'selected' }}>Tous les ennemis</option>
          <option value="3"  {{ skill.targetType == 3  ? 'selected' }}>1 allié</option>
          <option value="4"  {{ skill.targetType == 4  ? 'selected' }}>Tous les alliés</option>
          <option value="5"  {{ skill.targetType == 5  ? 'selected' }}>1 allié mort</option>
          <option value="6"  {{ skill.targetType == 6  ? 'selected' }}>Tous les alliés morts</option>
          <option value="7"  {{ skill.targetType == 7  ? 'selected' }}>Utilisateur</option>
          <option value="8"  {{ skill.targetType == 8  ? 'selected' }}>2 ennemis</option>
          <option value="9"  {{ skill.targetType == 9  ? 'selected' }}>3 ennemis</option>
          <option value="10" {{ skill.targetType == 10 ? 'selected' }}>4 ennemis</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="damageCategory">Catégorie de dégâts</label>
        <select name="damageCategory" id="damageCategory">
          <option value="0" {{ skill.damageCategory == 0 ? 'selected' }}>Aucune</option>
          <option value="1" {{ skill.damageCategory == 1 ? 'selected' }}>Physique</option>
          <option value="2" {{ skill.damageCategory == 2 ? 'selected' }}>Magique</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="damageType">Type de dégâts</label>
        <select name="damageType" id="damageType">
          <option value="0" {{ skill.damageType == 0 ? 'selected' }}>Dégâts PV</option>
          <option value="1" {{ skill.damageType == 1 ? 'selected' }}>Dégâts EG</option>
          <option value="2" {{ skill.damageType == 2 ? 'selected' }}>Soin PV</option>
          <option value="3" {{ skill.damageType == 3 ? 'selected' }}>Soin EG</option>
          <option value="4" {{ skill.damageType == 4 ? 'selected' }}>Drain PV</option>
          <option value="5" {{ skill.damageType == 5 ? 'selected' }}>Drain EG</option>
          <option value="6" {{ skill.damageType == 6 ? 'selected' }}>Aucun</option>
        </select>
      </div>
      <div class="field col-span-full">
        <div class="checkbox-group">
          <label class="checkbox-item"><input type="checkbox" name="hasCritical" value="1" {{ skill.hasCritical ? 'checked' }}> Peut faire un coup critique</label>
        </div>
      </div>
    </div>
  </div>

  <div class="section">
    <div class="section-title">Formule</div>
    <div class="grid-2">
      <div class="field">
        <label class="field-label" for="variance">Variance</label>
        <input type="number" name="variance" id="variance" step="0.01" value="{{ skill.variance }}">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="formula">Formule</label>
        <input type="text" name="formula" id="formula" value="{{ skill.formula }}">
      </div>
    </div>
  </div>

  <div class="section">
    <div class="section-title">Soins</div>
    <div class="grid-3">
      <div class="field">
        <label class="field-label label-pv" for="percentagePvHealed">% PV soigné</label>
        <input type="number" name="percentagePvHealed" id="percentagePvHealed" value="{{ skill.percentagePvHealed }}">
      </div>
      <div class="field">
        <label class="field-label label-eg" for="percentageEgHealed">% EG soigné</label>
        <input type="number" name="percentageEgHealed" id="percentageEgHealed" value="{{ skill.percentageEgHealed }}">
      </div>
      <div class="field">
        <label class="field-label" for="percentageTpHealed">% {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }} soigné</label>
        <input type="number" name="percentageTpHealed" id="percentageTpHealed" value="{{ skill.percentageTpHealed }}">
      </div>
    </div>
  </div>

  {% include 'admin/_includes/stats_array_field.html.twig' with {fieldName: 'statsBuff', sectionTitle: 'Buffs de stats', currentValue: skill.statsBuff} %}
  {% include 'admin/_includes/stats_array_field.html.twig' with {fieldName: 'statsDebuff', sectionTitle: 'Débuffs de stats', currentValue: skill.statsDebuff} %}
  {% include 'admin/_includes/status_array_field.html.twig' with {fieldName: 'statusInflicted', sectionTitle: 'Statuts infligés', currentValue: skill.statusInflicted, statuses: statuses} %}
  {% include 'admin/_includes/status_array_field.html.twig' with {fieldName: 'statusHealed', sectionTitle: 'Statuts soignés', currentValue: skill.statusHealed, statuses: statuses} %}

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Enregistrer</button>
    <a href="{{ path('admin_skill_index') }}" class="btn btn-cancel">Annuler</a>
  </div>
</form>
{% endblock %}