{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ title }}{% 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_affix_index') }}" class="breadcrumb-link">Affixes MMO</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ title }}</span>
{% endblock %}

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

  <div class="section">
    <div class="section-title">Identité</div>
    <div class="grid-2">
      <div class="field col-span-2">
        <label class="field-label" for="name">Nom interne *</label>
        <input type="text" name="name" id="name" required value="{{ affix.name }}" placeholder="ex. Fureur des anciens">
      </div>
      <div class="field col-span-2">
        <label class="field-label" for="nameFragment">
          Fragment MS *
          <span class="field-hint"> — masculin singulier, forme de base (ex. Furieux, de la Précision)</span>
        </label>
        <input type="text" name="nameFragment" id="nameFragment" required value="{{ affix.nameFragment }}"
               placeholder="ex. Furieux">
      </div>
      <div class="field">
        <label class="field-label" for="nameFragmentFs">
          Fragment FS
          <span class="field-hint"> — féminin singulier (null = MS)</span>
        </label>
        <input type="text" name="nameFragmentFs" id="nameFragmentFs" value="{{ affix.nameFragmentFs }}"
               placeholder="ex. Furieuse">
      </div>
      <div class="field">
        <label class="field-label" for="nameFragmentMp">
          Fragment MP
          <span class="field-hint"> — masculin pluriel (null = MS)</span>
        </label>
        <input type="text" name="nameFragmentMp" id="nameFragmentMp" value="{{ affix.nameFragmentMp }}"
               placeholder="ex. Furieux">
      </div>
      <div class="field">
        <label class="field-label" for="nameFragmentFp">
          Fragment FP
          <span class="field-hint"> — féminin pluriel (null = FS → MS)</span>
        </label>
        <input type="text" name="nameFragmentFp" id="nameFragmentFp" value="{{ affix.nameFragmentFp }}"
               placeholder="ex. Furieuses">
      </div>
      <div class="field">
        <label class="field-label" for="placement">Placement</label>
        <select name="placement" id="placement">
          <option value="prefix" {{ affix.placement == 'prefix' ? 'selected' }}>Préfixe (avant le nom)</option>
          <option value="suffix" {{ affix.placement == 'suffix' ? 'selected' }}>Suffixe (après le nom)</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label" for="rarityWeight">
          Poids de rareté
          <span class="field-hint"> — plus haut = plus fréquent</span>
        </label>
        <input type="number" name="rarityWeight" id="rarityWeight" min="1" value="{{ affix.rarityWeight ?: 100 }}">
      </div>
    </div>
  </div>

  <div class="section">
    <div class="section-title">Compatibilité</div>
    <div class="field" style="margin-bottom:16px">
      <div class="checkbox-group">
        <label class="checkbox-item">
          <input type="checkbox" name="appliesToWeapons" id="appliesToWeapons" value="1" {{ affix.appliesToWeapons ? 'checked' }}>
          S'applique aux armes
        </label>
        <label class="checkbox-item">
          <input type="checkbox" name="appliesToArmors" id="appliesToArmors" value="1" {{ affix.appliesToArmors ? 'checked' }}>
          S'applique aux armures
        </label>
      </div>
    </div>

    <div id="weaponTypeSection" style="{{ not affix.appliesToWeapons ? 'display:none' }}">
      <div class="field-label" style="margin-bottom:6px">
        Types d'armes compatibles<span class="field-hint"> — laisser vide = tous les types</span>
      </div>
      <div class="checkbox-group">
        {% for wt in weaponTypes %}
        <label class="checkbox-item">
          <input type="checkbox" name="compatibleWeaponTypes[]" value="{{ wt.id }}"
            {{ affix.compatibleWeaponTypes is not null and wt.id in affix.compatibleWeaponTypes ? 'checked' }}>
          {{ wt.name }}
        </label>
        {% endfor %}
      </div>
    </div>

    <div id="armorSlotSection" style="{{ not affix.appliesToArmors ? 'display:none' }}; margin-top:14px">
      <div class="field-label" style="margin-bottom:6px">
        Emplacements d'armure compatibles<span class="field-hint"> — laisser vide = tous</span>
      </div>
      <div class="checkbox-group">
        {% set slot_names = {0:'Arme',1:'Main gauche',2:'Tête',3:'Torse',4:'Relique',5:'Essence'} %}
        {% for slotId, slotName in slot_names %}
        <label class="checkbox-item">
          <input type="checkbox" name="compatibleArmorSlots[]" value="{{ slotId }}"
            {{ affix.compatibleArmorSlots is not null and slotId in affix.compatibleArmorSlots ? 'checked' }}>
          {{ slotName }}
        </label>
        {% endfor %}
      </div>
    </div>
  </div>

  {# Stats embeddable — les 8 stats de base. La plage réelle sera ±10% au moment de la génération. #}
  {% include 'admin/_includes/stats_fields.html.twig' with {entity: affix} %}

  {# CaracteristicsTrait — multiplicateurs, régén., flags, etc. #}
  {% include 'admin/_includes/caracteristics_fields.html.twig' with {entity: affix} %}

  {% include 'admin/_includes/elemental_resistance_field.html.twig' with {
    fieldName: 'elementalResistance',
    sectionTitle: 'Résistances élémentaires',
    currentValue: affix.elementalResistance,
    elements: elements
  } %}

  {% include 'admin/_includes/status_mmo_immunity_field.html.twig' with {
    fieldName: 'statusImmunity',
    sectionTitle: 'Immunités aux statuts',
    currentValue: affix.statusImmunity,
    statuses: statuses
  } %}

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

<script>
(function () {
  var cbWeapons = document.getElementById('appliesToWeapons');
  var cbArmors  = document.getElementById('appliesToArmors');
  var wtSection = document.getElementById('weaponTypeSection');
  var asSection = document.getElementById('armorSlotSection');
  cbWeapons.addEventListener('change', function () { wtSection.style.display = this.checked ? '' : 'none'; });
  cbArmors.addEventListener('change',  function () { asSection.style.display = this.checked ? '' : 'none'; });
})();
</script>
{% endblock %}