{# Expects: entity (uses CaracteristicsTrait) #}
{# Multiplier fields: value × 1.0 = ±0%. 0.4 = −60%, 1.2 = +20% (shown live via JS) #}
{# Regen int fields: flat percentage. −5 = −5%, +10 = +10%                           #}
<div class="section">
  <div class="section-title">Multiplicateurs de stats</div>
  <div class="grid-4">
    <div class="field">
      <label class="field-label label-pv" for="multiplierPvMax">PV ×</label>
      <input type="number" name="multiplierPvMax" id="multiplierPvMax" step="0.01" data-hint="multiplier" value="{{ entity.multiplierPvMax }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-eg" for="multiplierEgMax">EG ×</label>
      <input type="number" name="multiplierEgMax" id="multiplierEgMax" step="0.01" data-hint="multiplier" value="{{ entity.multiplierEgMax }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-atq" for="multiplierAttaque">ATQ ×</label>
      <input type="number" name="multiplierAttaque" id="multiplierAttaque" step="0.01" data-hint="multiplier" value="{{ entity.multiplierAttaque }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-def" for="multiplierDefense">DEF ×</label>
      <input type="number" name="multiplierDefense" id="multiplierDefense" step="0.01" data-hint="multiplier" value="{{ entity.multiplierDefense }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-arc" for="multiplierArcane">ARC ×</label>
      <input type="number" name="multiplierArcane" id="multiplierArcane" step="0.01" data-hint="multiplier" value="{{ entity.multiplierArcane }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-sag" for="multiplierSagesse">SAG ×</label>
      <input type="number" name="multiplierSagesse" id="multiplierSagesse" step="0.01" data-hint="multiplier" value="{{ entity.multiplierSagesse }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-vit" for="multiplierVitesse">VIT ×</label>
      <input type="number" name="multiplierVitesse" id="multiplierVitesse" step="0.01" data-hint="multiplier" value="{{ entity.multiplierVitesse }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label label-fin" for="multiplierFinesse">FIN ×</label>
      <input type="number" name="multiplierFinesse" id="multiplierFinesse" step="0.01" data-hint="multiplier" value="{{ entity.multiplierFinesse }}">
      <span class="field-hint"></span>
    </div>
  </div>
</div>

<div class="section">
  <div class="section-title">Régénération &amp; Combat</div>
  <div class="grid-4">
    <div class="field">
      <label class="field-label label-pv" for="regenPv">Régen. PV (%)</label>
      <input type="number" name="regenPv" id="regenPv" value="{{ entity.regenPv }}">
    </div>
    <div class="field">
      <label class="field-label label-eg" for="regenEg">Régen. EG (%)</label>
      <input type="number" name="regenEg" id="regenEg" value="{{ entity.regenEg }}">
    </div>
    <div class="field">
      <label class="field-label" for="regenPower">Régen. Power (%)</label>
      <input type="number" name="regenPower" id="regenPower" value="{{ entity.regenPower }}">
    </div>
    <div class="field">
      <label class="field-label" for="regenRate">Taux régen. ×</label>
      <input type="number" name="regenRate" id="regenRate" step="0.01" data-hint="multiplier" value="{{ entity.regenRate }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="accuracy">Précision</label>
      <input type="number" name="accuracy" id="accuracy" value="{{ entity.accuracy }}">
    </div>
    <div class="field">
      <label class="field-label" for="evasion">Esquive</label>
      <input type="number" name="evasion" id="evasion" value="{{ entity.evasion }}">
    </div>
    <div class="field">
      <label class="field-label" for="criticalRate">Taux crit.</label>
      <input type="number" name="criticalRate" id="criticalRate" value="{{ entity.criticalRate }}">
    </div>
    <div class="field">
      <label class="field-label" for="criticalEvasion">Esquive crit.</label>
      <input type="number" name="criticalEvasion" id="criticalEvasion" value="{{ entity.criticalEvasion }}">
    </div>
    <div class="field">
      <label class="field-label" for="magicEvasion">Esquive mag.</label>
      <input type="number" name="magicEvasion" id="magicEvasion" value="{{ entity.magicEvasion }}">
    </div>
    <div class="field">
      <label class="field-label" for="physicalCounter">Contre phys.</label>
      <input type="number" name="physicalCounter" id="physicalCounter" value="{{ entity.physicalCounter }}">
    </div>
    <div class="field">
      <label class="field-label" for="magicalCounter">Contre mag.</label>
      <input type="number" name="magicalCounter" id="magicalCounter" value="{{ entity.magicalCounter }}">
    </div>
    <div class="field">
      <label class="field-label" for="bonusHit">Coups supp.</label>
      <input type="number" name="bonusHit" id="bonusHit" value="{{ entity.bonusHit }}">
    </div>
    <div class="field">
      <label class="field-label" for="priority">Priorité</label>
      <input type="number" name="priority" id="priority" value="{{ entity.priority }}">
    </div>
    <div class="field">
      <label class="field-label" for="egCost">Coût EG ×</label>
      <input type="number" name="egCost" id="egCost" step="0.01" data-hint="multiplier" value="{{ entity.egCost }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="powerGains">Gain Power ×</label>
      <input type="number" name="powerGains" id="powerGains" step="0.01" data-hint="multiplier" value="{{ entity.powerGains }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="threat">Menace ×</label>
      <input type="number" name="threat" id="threat" step="0.01" data-hint="multiplier" value="{{ entity.threat }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="defenseRate">Déf. ×</label>
      <input type="number" name="defenseRate" id="defenseRate" step="0.01" data-hint="multiplier" value="{{ entity.defenseRate }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="healingRate">Soin ×</label>
      <input type="number" name="healingRate" id="healingRate" step="0.01" data-hint="multiplier" value="{{ entity.healingRate }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="physicalTaken">Dég. phys. ×</label>
      <input type="number" name="physicalTaken" id="physicalTaken" step="0.01" data-hint="multiplier" value="{{ entity.physicalTaken }}">
      <span class="field-hint"></span>
    </div>
    <div class="field">
      <label class="field-label" for="magicalTaken">Dég. mag. ×</label>
      <input type="number" name="magicalTaken" id="magicalTaken" step="0.01" data-hint="multiplier" value="{{ entity.magicalTaken }}">
      <span class="field-hint"></span>
    </div>
    {% if not (noXpGain is defined and noXpGain) %}
    <div class="field">
      <label class="field-label" for="xpGain">Gain XP ×</label>
      <input type="number" name="xpGain" id="xpGain" step="0.01" data-hint="multiplier" value="{{ entity.xpGain }}">
      <span class="field-hint"></span>
    </div>
    {% endif %}
  </div>
</div>

<div class="section">
  <div class="section-title">Effets spéciaux</div>
  <div class="checkbox-group">
    <label class="checkbox-item"><input type="checkbox" name="bodyguard" value="1" {{ entity.bodyguard ? 'checked' }}> Garde du corps</label>
    <label class="checkbox-item"><input type="checkbox" name="keepsPower" value="1" {{ entity.keepsPower ? 'checked' }}> Conserve le Power</label>
    <label class="checkbox-item"><input type="checkbox" name="halfEncounters" value="1" {{ entity.halfEncounters ? 'checked' }}> Rencontres ÷2</label>
    <label class="checkbox-item"><input type="checkbox" name="noEncounters" value="1" {{ entity.noEncounters ? 'checked' }}> Aucune rencontre</label>
    <label class="checkbox-item"><input type="checkbox" name="noSurprises" value="1" {{ entity.noSurprises ? 'checked' }}> Pas de surprise</label>
    <label class="checkbox-item"><input type="checkbox" name="morePreventives" value="1" {{ entity.morePreventives ? 'checked' }}> Plus de préventives</label>
    <label class="checkbox-item"><input type="checkbox" name="doubleMoney" value="1" {{ entity.doubleMoney ? 'checked' }}> Argent ×2</label>
    <label class="checkbox-item"><input type="checkbox" name="betterLoot" value="1" {{ entity.betterLoot ? 'checked' }}> Meilleur butin</label>
    <label class="checkbox-item"><input type="checkbox" name="noSkills" value="1" {{ entity.noSkills ? 'checked' }}> Compétences désactivées</label>
    {% for cb in (extraCheckboxes ?? []) %}
      <label class="checkbox-item"><input type="checkbox" name="{{ cb.name }}" value="1" {{ cb.checked ? 'checked' }}> {{ cb.label }}</label>
    {% endfor %}
  </div>
</div>

<script>
(function () {
  function updateHint(input) {
    var hint = input.parentElement.querySelector('.field-hint');
    if (!hint) return;
    var raw = input.value.trim();
    if (raw === '') { hint.textContent = ''; hint.className = 'field-hint'; return; }
    var val = parseFloat(raw);
    if (isNaN(val)) { hint.textContent = ''; hint.className = 'field-hint'; return; }
    var pct = Math.round((val - 1) * 1000) / 10;
    var sign = pct > 0 ? '+' : '';
    hint.textContent = sign + pct + '%';
    hint.className = 'field-hint ' + (pct > 0 ? 'hint-pos' : pct < 0 ? 'hint-neg' : 'hint-zero');
  }
  document.querySelectorAll('[data-hint="multiplier"]').forEach(function (input) {
    updateHint(input);
    input.addEventListener('input', function () { updateHint(this); });
  });
})();
</script>