2024-05-30 20:55:18 -04:00
|
|
|
<%# locals: (totals:) %>
|
2025-05-07 09:26:06 -04:00
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 bg-container rounded-xl shadow-border-xs md:divide-x divide-y md:divide-y-0 divide-alpha-black-100 theme-dark:divide-alpha-white-200">
|
2024-05-30 20:55:18 -04:00
|
|
|
<div class="p-4 space-y-2">
|
2025-02-13 11:31:07 -05:00
|
|
|
<p class="text-sm text-secondary">Total transactions</p>
|
2025-06-20 13:31:58 -04:00
|
|
|
<p class="text-primary font-medium text-xl" id="total-transactions"><%= totals.count.round(0) %></p>
|
2024-03-28 13:23:54 -04:00
|
|
|
</div>
|
2024-05-30 20:55:18 -04:00
|
|
|
<div class="p-4 space-y-2">
|
2025-02-13 11:31:07 -05:00
|
|
|
<p class="text-sm text-secondary">Income</p>
|
|
|
|
<p class="text-primary font-medium text-xl" id="total-income">
|
2025-02-21 11:57:59 -05:00
|
|
|
<%= totals.income_money.format %>
|
2024-05-30 20:55:18 -04:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="p-4 space-y-2">
|
2025-02-13 11:31:07 -05:00
|
|
|
<p class="text-sm text-secondary">Expenses</p>
|
|
|
|
<p class="text-primary font-medium text-xl" id="total-expense">
|
2025-02-21 11:57:59 -05:00
|
|
|
<%= totals.expense_money.format %>
|
2024-05-30 20:55:18 -04:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|