2024-05-30 20:55:18 -04:00
|
|
|
<%# locals: (totals:) %>
|
2024-09-13 15:43:16 -04:00
|
|
|
<div class="grid grid-cols-3 bg-white rounded-xl border border-alpha-black-25 shadow-xs divide-x divide-alpha-black-100">
|
2024-05-30 20:55:18 -04:00
|
|
|
<div class="p-4 space-y-2">
|
|
|
|
<p class="text-sm text-gray-500">Total transactions</p>
|
2025-01-31 19:08:21 -05:00
|
|
|
<p class="text-gray-900 font-medium text-xl" id="total-transactions"><%= totals.count %></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">
|
|
|
|
<p class="text-sm text-gray-500">Income</p>
|
|
|
|
<p class="text-gray-900 font-medium text-xl" id="total-income">
|
2025-01-31 19:08:21 -05:00
|
|
|
<%= format_money Money.new(totals.income_total, totals.currency) %>
|
2024-05-30 20:55:18 -04:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="p-4 space-y-2">
|
|
|
|
<p class="text-sm text-gray-500">Expenses</p>
|
|
|
|
<p class="text-gray-900 font-medium text-xl" id="total-expense">
|
2025-01-31 19:08:21 -05:00
|
|
|
<%= format_money Money.new(totals.expense_total, totals.currency) %>
|
2024-05-30 20:55:18 -04:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|