{% load tools %}
{% load i18n %}
{% load currency_display %}
<div class="grid grid-cols-1 gap-4 mt-1 mb-3">
  {% for currency_id, currency in currency_data.items %}
    <div>
      <c-ui.currency_card :currency="currency" :currency_id="currency_id"
                          :percentages="currency_percentages"></c-ui.currency_card>
    </div>
  {% empty %}
    <div>
      <c-msg.empty
          title="{% translate "No information to display" %}"></c-msg.empty>
    </div>
  {% endfor %}
</div>

<div class="grid grid-cols-1 gap-4 mt-1 mb-3">
  {% for account_id, account in account_data.items %}
    <div>
      <c-ui.account_card :account="account" :account_id="account_id"
                         :percentages="account_percentages"></c-ui.account_card>
    </div>
  {% empty %}
    <div>
    <c-msg.empty
        title="{% translate "No information to display" %}"></c-msg.empty>
  {% endfor %}
  </div>
</div>