{% if dashboard_accounts %}
<ul class="divide-y divide-line">
        {% for account in dashboard_accounts %}
        <li class="min-w-0 py-4">
                <div class="flex min-w-0 flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
                        <h3 class="min-w-0 break-words text-sm font-semibold">
                                <a class="text-forest underline-offset-2 hover:underline"
                                        href="{{ url_for('web_transactions.list_page', account_id=account.account_id, start_date=window.start_date.isoformat(), end_date=window.end_date.isoformat()) }}">{{
                                        account.name }}</a>{% if not account.is_active %}<span
                                        class="ml-1 text-xs font-normal text-muted">Archived</span>{% endif %}
                        </h3>
                </div>
                <div class="mt-3 grid grid-cols-2 gap-x-4 gap-y-2 text-xs">
                        <p class="flex min-w-0 justify-between gap-2"><span class="text-muted">Period income</span><span
                                        class="whitespace-nowrap font-mono">{{
                                        account.income_minor|dashboard_money(currency_code) }}</span></p>
                        <p class="flex min-w-0 justify-between gap-2"><span class="text-muted">Period
                                        spending</span><span class="whitespace-nowrap font-mono">{{
                                        account.expense_minor|dashboard_money(currency_code) }}</span></p>
                        {% if not exclude_transfers %}
                        <p class="flex min-w-0 justify-between gap-2"><span class="text-muted">Transfer in</span><span
                                        class="whitespace-nowrap font-mono">{{
                                        account.transfer_in_minor|dashboard_money(currency_code) }}</span></p>
                        <p class="flex min-w-0 justify-between gap-2"><span class="text-muted">Transfer out</span><span
                                        class="whitespace-nowrap font-mono">{{
                                        account.transfer_out_minor|dashboard_money(currency_code) }}</span></p>
                        {% endif %}
                </div>
        </li>
        {% endfor %}
</ul>
{% else %}
<p class="py-4 text-sm text-muted">No activity in this period.</p>
{% endif %}

<details class="border-t border-line pt-3">
        <summary class="w-fit cursor-pointer text-sm font-semibold text-forest">Show current balances</summary>
        <div class="mt-3 space-y-3">
                <p class="flex min-w-0 justify-between gap-3 text-sm font-semibold">
                        <span>Household current balance</span>
                        <span class="whitespace-nowrap font-mono">{% if currency_code %}{{ currency_code }} {% endif
                                %}{{
                                current_balance_minor|dashboard_money(currency_code) }}</span>
                </p>
                {% if has_archived_accounts %}
                <p class="text-xs text-muted">includes archived accounts</p>
                {% endif %}
                {% if current_account_balances %}
                <ul class="divide-y divide-line text-sm">
                        {% for account in current_account_balances %}
                        <li class="flex min-w-0 justify-between gap-3 py-2">
                                <span class="min-w-0 break-words">{{ account.name }}{% if not account.is_active %}<span
                                                class="ml-1 text-xs text-muted">Archived</span>{% endif %}</span>
                                <span class="whitespace-nowrap font-mono">{% if currency_code %}{{ currency_code }} {%
                                        endif %}{{
                                        account.balance_minor|dashboard_money(currency_code) }}</span>
                        </li>
                        {% endfor %}
                </ul>
                {% endif %}
        </div>
</details>