{% from 'search/_macros.html.twig' import stat_changes %}
{% 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'} %}
{% for skill in results %}
<div class="card">
  <div class="card-header">
    <img src="{{ path('icon_csi_forever', {id: utilityIcons[skill.utilityCategory] ?? 11}) }}" class="card-icon" alt="">
    <div class="card-title">
      <h3><a href="{{ path('skill_show', {id: skill.id}) }}">{{ skill.name }}</a></h3>
      <div class="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="card-body">
    {% if skill.description %}
      <p class="card-desc">{{ skill.description }}</p>
    {% endif %}
    {% if skill.specialEffect %}
      <div class="info-row">
        <span class="info-item">
          <span class="info-label">Effet spécial :</span>
          <span class="info-value" style="white-space:pre-line">{{ skill.specialEffect }}</span>
        </span>
      </div>
    {% endif %}
    <div class="info-row">
      {% if skill.targetType > 0 %}
        <span class="info-item">
          <span class="info-label">Cible :</span>
          <span class="info-value">{{ targetLabels[skill.targetType] }}</span>
        </span>
      {% endif %}
      {% if skill.egCost > 0 %}
        <span class="info-item">
          <span class="info-label">EG :</span>
          <span class="info-value eg">{{ skill.egCost }}</span>
        </span>
      {% endif %}
      {% if skill.powerCost > 0 %}
        <span class="info-item">
          <span class="info-label">{{ ('resource.tp.' ~ skill.gameId)|trans({}, 'game') }} :</span>
          <span class="info-value power">{{ skill.powerCost }}</span>
        </span>
      {% endif %}
      {% if skill.damageCategory > 0 %}
        <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>
      {% endif %}
      {% if skill.hits > 0 %}
        <span class="info-item">
          <span class="info-label">Coups :</span>
          <span class="info-value">{{ skill.hits }}</span>
        </span>
      {% endif %}
      {% if skill.accuracy > 0 %}
        <span class="info-item">
          <span class="info-label">Précision :</span>
          <span class="info-value">{{ skill.accuracy }}%</span>
        </span>
      {% endif %}
      {% if skill.powerGain > 0 %}
        <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>
      {% endif %}
      {% if skill.percentagePvHealed != 0 %}
        <span class="info-item">
          <span class="info-label">% PV :</span>
          <span class="info-value">{{ skill.percentagePvHealed > 0 ? '+' }}{{ skill.percentagePvHealed }}%</span>
        </span>
      {% endif %}
      {% if skill.percentageEgHealed != 0 %}
        <span class="info-item">
          <span class="info-label">% EG :</span>
          <span class="info-value">{{ skill.percentageEgHealed > 0 ? '+' }}{{ skill.percentageEgHealed }}%</span>
        </span>
      {% endif %}
      {% if skill.percentageTpHealed != 0 %}
        <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>
      {% endif %}
    </div>
    {{ stat_changes(skill.statsBuff, 'buff') }}
    {{ stat_changes(skill.statsDebuff, 'debuff') }}
    {% 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']}) }}" style="color:inherit;text-decoration:underline dotted">{{ 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']}) }}" style="color:inherit;text-decoration:underline dotted">{{ statusMap[e['status_id']] ?? '?' }}</a>{% if e['probability'] < 100 %} ({{ e['probability'] }}%){% endif %}{% if not loop.last %}, {% endif %}{% endfor %}</span>
        </span>
      </div>
    {% endif %}
  </div>
  <div class="card-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>
{% endfor %}