{% extends 'entity/layout.html.twig' %}
{% from 'entity/layout.html.twig' import stats, stat_changes, rarity_stars, icon_img, currency_pill %}

{% set entityName   = item.name %}
{% set backCategory = 'item' %}
{% set backLabel    = 'Objets' %}

{% 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'} %}
{% set statLbl = {pvMax: 'PV Max', egMax: 'EG Max', attaque: 'Attaque', defense: 'Défense', arcane: 'Arcane', sagesse: 'Sagesse', vitesse: 'Vitesse', finesse: 'Finesse'} %}

{% block detail %}
<div class="detail-card">
  <div class="detail-header">
    {{ icon_img(item) }}
    <div class="detail-title">
      <h1>
        {{ item.name }}
        {% include 'entity/_favorite_star.html.twig' with {favType: 'item', favEntityId: item.id} only %}
      </h1>
      <div class="detail-meta">
        {% if item.type %}<span class="badge badge-type">{{ item.type }}</span>{% endif %}
        {% if item.isKeyItem %}<span class="badge badge-key">Clé</span>{% endif %}
        {% if item.isMaterial %}<span class="badge badge-mat">Matériau</span>{% endif %}
      </div>
    </div>
  </div>

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

    {% if item.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">{{ item.specialEffect }}</span>
          </span>
        </div>
      </div>
    {% endif %}

    {% with {s: item.stats} %}
      {% if s.pvMax or s.egMax or s.attaque or s.defense or s.arcane or s.sagesse or s.vitesse or s.finesse %}
        <div class="detail-section">
          <div class="detail-section-title">Stats</div>
          {{ stats(s) }}
        </div>
      {% endif %}
    {% endwith %}

    {% set hasEffects = item.targetType > 0 or item.statsBuff or item.statsDebuff or item.statusInflicted or item.statusHealed or item.flatDamage is not null or item.flatHeal is not null %}
    {% if item.statusImmunity %}
      <div class="detail-section">
        <div class="detail-section-title">Immunités</div>
        {% for id in item.statusImmunity %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-value">{{ statusMap[id] ?? '?' }}</span>
            </span>
          </div>
        {% endfor %}
      </div>
    {% endif %}

    {% if item.grantsSkills %}
      <div class="detail-section">
        <div class="detail-section-title">Compétences accordées</div>
        <div class="info-row">
          {% for id in item.grantsSkills %}
            <span class="info-item">
              <a href="{{ path('skill_show', {id: id}) }}" class="badge badge-type">{{ skillMap[id] ?? '?' }}</a>
            </span>
          {% endfor %}
        </div>
      </div>
    {% endif %}

    {% if hasEffects %}
      <div class="detail-section">
        <div class="detail-section-title">Effets</div>
        {% if item.targetType > 0 %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Cible :</span>
              <span class="info-value">{{ targetLabels[item.targetType] }}</span>
            </span>
          </div>
        {% endif %}
        {% for entry in item.statsBuff ?? [] %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Buff {{ statLbl[entry['stat']] ?? entry['stat'] }} :</span>
              <span class="info-value pos">{{ entry['turns']|default(0) }} tour{{ entry['turns']|default(0) != 1 ? 's' }}{% if entry['level'] is defined and entry['level'] > 1 %} ({{ entry['level'] }} niveaux){% endif %}</span>
            </span>
          </div>
        {% endfor %}
        {% for entry in item.statsDebuff ?? [] %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Débuff {{ statLbl[entry['stat']] ?? entry['stat'] }} :</span>
              <span class="info-value neg">{{ entry['turns']|default(0) }} tour{{ entry['turns']|default(0) != 1 ? 's' }}{% if entry['level'] is defined and entry['level'] > 1 %} ({{ entry['level'] }} niveaux){% endif %}</span>
            </span>
          </div>
        {% endfor %}
        {% if item.statusInflicted %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Inflige :</span>
              <span class="info-value">
                {% for e in item.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 item.statusHealed %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Soigne :</span>
              <span class="info-value heal">
                {% for e in item.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 %}
        {% if item.flatDamage is not null %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Dégâts :</span>
              <span class="info-value dmg">{{ item.flatDamage }}</span>
            </span>
          </div>
        {% endif %}
        {% if item.flatHeal is not null %}
          <div class="info-row">
            <span class="info-item">
              <span class="info-label">Soin :</span>
              <span class="info-value heal">+{{ item.flatHeal }}</span>
            </span>
          </div>
        {% endif %}
      </div>
    {% endif %}

    {% include 'entity/_recipe_sections.html.twig' with {
      producedBy: producedBy ?? null,
      usedIn: usedIn ?? [],
      currentGameId: item.gameId,
      craftedNoun: '',
    } only %}
  </div>

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