{% set total_count = total_count or 0 %}
{% set purchased_count = purchased_count or 0 %}
{% set not_purchased_count = not_purchased_count or 0 %}
{% set accounted_count = purchased_count + not_purchased_count %}
{% set remaining_count = (total_count - accounted_count) if total_count > accounted_count else 0 %}

{% set percent = ((purchased_count / total_count) * 100) if total_count > 0 else 0 %}
{% set purchased_percent = ((purchased_count / total_count) * 100) if total_count > 0 else 0 %}
{% set not_purchased_percent = ((not_purchased_count / total_count) * 100) if total_count > 0 else 0 %}
{% set remaining_percent = ((remaining_count / total_count) * 100) if total_count > 0 else 0 %}

<div class="main-list-progress-wrap mt-2">
  <div class="main-list-progress progress progress-dark progress-thin position-relative"
       aria-label="Postęp listy {{ purchased_count }} z {{ total_count }} kupionych">
    <div class="progress-bar bg-success" role="progressbar"
         style="width: {{ '%.6f'|format(purchased_percent) }}%"
         aria-valuemin="0" aria-valuemax="100"
         aria-valuenow="{{ percent|round(0)|int }}"></div>

    <div class="progress-bar bg-warning" role="progressbar"
         style="width: {{ '%.6f'|format(not_purchased_percent) }}%"
         aria-valuemin="0" aria-valuemax="100"></div>

    <div class="progress-bar bg-transparent" role="progressbar"
         style="width: {{ '%.6f'|format(remaining_percent) }}%"
         aria-valuemin="0" aria-valuemax="100"></div>

    <span class="progress-label main-list-progress__label small fw-bold {% if percent < 51 %}text-white{% else %}text-dark{% endif %}">
      Produkty: {{ purchased_count }}/{{ total_count }} ({{ percent|round(0)|int }}%)
      {% if total_expense > 0 %} — 💸 {{ format_currency(total_expense) }}{% endif %}
    </span>
  </div>
</div>