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>
|
|
|
|
<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">
|
|
|
|
<%= format_money totals[:income] %>
|
|
|
|
</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">
|
|
|
|
<%= format_money totals[:expense] %>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|