{% extends 'entity/layout.html.twig' %}
{% from 'entity/layout.html.twig' import stat_changes %}

{% set entityName   = skill.name %}
{% set backCategory = 'skill' %}
{% set backLabel    = 'Compétences' %}

{% set utilityIcons  = {0: 11, 1: 8, 2: 12, 3: 112} %}
{% set utilityLabels = {0: 'Physique', 1: 'Magique', 2: 'Statut', 3: 'Soin'} %}
{% set damageTypeLabels = {0: 'Dég. PV', 1: 'Dég. EG', 2: 'Soin PV', 3: 'Soin EG', 4: 'Drain PV', 5: 'Drain EG'} %}
{% set targetLabels = {0: null, 1: '1 ennemi', 2: 'Tous les ennemis', 3: '1 allié', 4: 'Tous les alliés', 5: '1 allié mort', 6: 'Tous les alliés morts', 7: 'Utilisateur', 8: '2 ennemis', 9: '3 ennemis', 10: '4 ennemis'} %}

{% block detail %}
<div class="detail-card">
  <div class="detail-header">
    <img src="{{ path('icon_csi_forever', {id: utilityIcons[skill.utilityCategory] ?? 11}) }}" class="detail-icon" alt="">
    <div class="detail-title">
      <h1>
        {{ skill.name }}
        {% include 'entity/_favorite_star.html.twig' with {favType: 'skill', favEntityId: skill.id} only %}
      </h1>
      <div class="detail-meta">
        <span class="badge badge-type">{{ ('skill.type.' ~ skill.gameId ~ '.' ~ skill.skillType)|trans({}, 'game') }}</span>
        <span class="badge badge-utility">{{ utilityLabels[skill.utilityCategory] ?? 'Physique' }}</span>
        <span class="badge badge-avail">{{ ('skill.availability.' ~ skill.availability)|trans({}, 'game') }}</span>
        {% if skill.element %}<span class="badge badge-element">{{ skill.element.name }}</span>{% endif %}
      </div>
    </div>
  </div>

  <div class="detail-body">
    {% if skill.description %}
      <div class="detail-section">
        <p class="detail-desc">{{ skill.description }}</p>
      </div>
    {% endif %}

    {% if skill.specialEffect %}
      <div class="detail-section">
        <div class="detail-section-title">Effet spécial</div>
        <div class="info-row">
          <span class="info-item">
            <span class="info-value" style="white-space:pre-line">{{ skill.specialEffect }}</span>
          </span>
        </div>
      </div>
    {% endif %}

    <div class="detail-section">
      <div class="detail-section-title">Combat</div>
      {% if skill.targetType > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Cible :</span>
            <span class="info-value">{{ targetLabels[skill.targetType] }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.egCost > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Coût EG :</span>
            <span class="info-value eg">{{ skill.egCost }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.powerCost > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Coût {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }} :</span>
            <span class="info-value power">{{ skill.powerCost }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.powerGain > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Gain {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }} :</span>
            <span class="info-value power">+{{ skill.powerGain }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.hits > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Coups :</span>
            <span class="info-value">{{ skill.hits }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.accuracy > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Précision :</span>
            <span class="info-value">{{ skill.accuracy }}%</span>
          </span>
        </div>
      {% endif %}
      {% if skill.priority != 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Priorité :</span>
            <span class="info-value">{{ skill.priority }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.damageCategory > 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">Dégâts :</span>
            <span class="info-value">{{ ('skill.damage_category.' ~ skill.damageCategory)|trans({}, 'game') }} — {{ damageTypeLabels[skill.damageType] ?? '' }}</span>
          </span>
        </div>
      {% endif %}
      {% if skill.hasCritical %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-value">Peut faire un coup critique</span>
          </span>
        </div>
      {% endif %}
      {% if skill.percentagePvHealed != 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">% PV :</span>
            <span class="info-value">{{ skill.percentagePvHealed > 0 ? '+' }}{{ skill.percentagePvHealed }}%</span>
          </span>
        </div>
      {% endif %}
      {% if skill.percentageEgHealed != 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">% EG :</span>
            <span class="info-value">{{ skill.percentageEgHealed > 0 ? '+' }}{{ skill.percentageEgHealed }}%</span>
          </span>
        </div>
      {% endif %}
      {% if skill.percentageTpHealed != 0 %}
        <div class="info-row">
          <span class="info-item">
            <span class="info-label">% {{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }} :</span>
            <span class="info-value">{{ skill.percentageTpHealed > 0 ? '+' }}{{ skill.percentageTpHealed }}%</span>
          </span>
        </div>
      {% endif %}
    </div>

    {% if skill.statsBuff or skill.statsDebuff %}
      <div class="detail-section">
        <div class="detail-section-title">Modificateurs de stats</div>
        {{ stat_changes(skill.statsBuff, 'buff') }}
        {{ stat_changes(skill.statsDebuff, 'debuff') }}
      </div>
    {% endif %}

    {% if skill.statusInflicted or skill.statusHealed %}
      <div class="detail-section">
        <div class="detail-section-title">Statuts</div>
        {% if skill.statusInflicted %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Inflige :</span>
              <span class="info-value">
                {% for e in skill.statusInflicted %}
                  <a href="{{ path('status_show', {id: e['status_id']}) }}">{{ statusMap[e['status_id']] ?? '?' }}</a>{% if e['probability'] < 100 %} ({{ e['probability'] }}%){% endif %}{% if not loop.last %}, {% endif %}
                {% endfor %}
              </span>
            </span>
          </div>
        {% endif %}
        {% if skill.statusHealed %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Soigne :</span>
              <span class="info-value heal">
                {% for e in skill.statusHealed %}
                  <a href="{{ path('status_show', {id: e['status_id']}) }}">{{ statusMap[e['status_id']] ?? '?' }}</a>{% if e['probability'] < 100 %} ({{ e['probability'] }}%){% endif %}{% if not loop.last %}, {% endif %}
                {% endfor %}
              </span>
            </span>
          </div>
        {% endif %}
      </div>
    {% endif %}
  </div>

  <div class="detail-footer">
    <span></span>
    <span class="card-game"><img src="{{ path('game_logo', {gameId: skill.gameId}) }}" class="game-logo" alt="">{{ ('game.id.' ~ skill.gameId)|trans({}, 'game') }}</span>
  </div>
</div>
{% endblock %}