{% load i18n %}
<div>
  {% for trans in transactions %}
    {% include 'transactions/fragments/item.html' with transaction=trans %}
  {% empty %}
    <div class="row p-5">
      <div class="col p-5">
        <div class="text-center">
          <i class="fa-solid fa-circle-xmark tw-text-6xl"></i>
          <p class="lead mt-4 mb-0">{% translate "No transactions for this month" %}</p>
          <p class="tw-text-gray-500">{% translate "Why don't you add one?" %}</p>
        </div>
      </div>
    </div>
  {% endfor %}
</div>