{# Sections « Recette de fabrication » + « Utilisée pour fabriquer »
   Attend : producedBy, usedIn, currentGameId, craftedNoun ('' pour masculin, 'e' pour féminin). #}
{% from 'entity/layout.html.twig' import currency_pill, icon_img %}

{% if producedBy %}
  <div class="detail-section">
    <div class="detail-section-title">Fabrication</div>
    <div class="recipe-ingredients">
      {% for ing in producedBy.ingredients %}
        <a href="{{ path(ing.route, {id: ing.entity.id}) }}" class="recipe-ing">
          {{ icon_img(ing.entity, 40) }}
          <span class="recipe-ing-name">{{ ing.entity.name }}</span>
          <span class="recipe-ing-qty">×{{ ing.quantity }}</span>
        </a>
      {% endfor %}
      {% if producedBy.recipe.cost %}
        <span class="recipe-cost">
          <span class="info-label">Coût :</span>
          <span class="info-value">{{ currency_pill(producedBy.recipe.cost, currentGameId) }}</span>
        </span>
      {% endif %}
    </div>
  </div>
{% endif %}

{% if usedIn is not empty %}
  <div class="detail-section">
    <div class="detail-section-title">Utilisé{{ craftedNoun == 'e' ? 'e' : '' }} pour fabriquer</div>
    <div class="recipe-ingredients">
      {% for u in usedIn %}
        <a href="{{ path(u.craftedRoute, {id: u.crafted.id}) }}" class="recipe-ing">
          {{ icon_img(u.crafted, 40) }}
          <span class="recipe-ing-name">{{ u.crafted.name }}</span>
        </a>
      {% endfor %}
    </div>
  </div>
{% endif %}