{% set existingFormules = formules|default([]) %}
{% set totalValue = 0 %}
{% for formule in existingFormules %}
  {% set totalValue = totalValue + (formule.valeur|default(0)) %}
{% endfor %}

  <div class="project-formula-summary mb-4">
    <div class="d-flex align-items-center justify-content-between mb-4">
      <div class="fw-bold fs-3">Formules créées</div>
      <span class="badge rounded-pill bg-success-subtle text-success fs-6">{{ existingFormules|length }}</span>
    </div>

    {% if existingFormules is not empty %}
      <div class="d-flex flex-column">
        {% for formule in existingFormules %}
          <div class="project-formula-item">
            <div class="d-flex justify-content-between gap-3">
              <div>
                <div class="fw-bold text-dark">{{ formule.nom }}</div>
                <div class="text-secondary small">{{ formule.type|capitalize }}{% if formule.flex %} • Flexible{% endif %}</div>
              </div>
              <div class="fw-bold text-success text-nowrap">{{ formule.valeur|separate_thousands }}€</div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% else %}
      <div class="project-formula-empty d-flex flex-column align-items-center justify-content-center text-center">
        <div class="project-formula-empty-icon d-inline-flex align-items-center justify-content-center mb-4">
          <i class="ti ti-stack-2 fs-1"></i>
        </div>
        <div class="fw-bold fs-2 text-dark mb-2">Aucune formule créée</div>
        <div class="text-secondary mb-3">Commencez simplement, vous pourrez enrichir vos formules ensuite.</div>
        <div class="text-secondary small">Une formule regroupe plusieurs contreparties en une offre cohérente.</div>
      </div>
    {% endif %}
  </div>

  <div class="project-formula-metrics">
    <div class="fw-bold fs-4 mb-4">Valeur totale des formules</div>
    <div class="project-formula-metric-value mb-2">{{ totalValue|separate_thousands }}€</div>
    <div class="text-secondary mb-4">Montant cumulé de vos offres</div>
    <div class="border-top pt-4">
      <div class="d-flex justify-content-between text-secondary mb-2">
        <span>Formules créées</span>
        <span class="fw-semibold text-dark">{{ existingFormules|length }}</span>
      </div>
      <div class="d-flex justify-content-between text-secondary">
        <span>Contreparties utilisées</span>
        <span class="fw-semibold text-dark">{{ contreparties|length }}</span>
      </div>
    </div>
  </div>