<%= drawer do %>

Category

<%= @budget_category.name %>

<% if @budget_category.budget.initialized? %>

<%= format_money(@budget_category.actual_spending_money) %> / <%= format_money(@budget_category.budgeted_spending_money) %>

<% end %>
<% if @budget_category.budget.initialized? %>
<%= render "budget_categories/budget_category_donut", budget_category: @budget_category %>
<% end %>

Overview

<%= lucide_icon "chevron-down", class: "group-open:transform group-open:rotate-180 text-secondary w-5" %>
<%= @budget_category.budget.start_date.strftime("%b %Y") %> spending
<%= format_money @budget_category.actual_spending_money %>
<% if @budget_category.budget.initialized? %>
Status
<% if @budget_category.available_to_spend.negative? %>
<%= lucide_icon "alert-circle", class: "shrink-0 w-4 h-4 text-red-500" %> <%= format_money @budget_category.available_to_spend_money.abs %> overspent
<% elsif @budget_category.available_to_spend.zero? %>
<%= lucide_icon "x-circle", class: "shrink-0 w-4 h-4 text-orange-500" %> <%= format_money @budget_category.available_to_spend_money %> left
<% else %>
<%= lucide_icon "check-circle-2", class: "shrink-0 w-4 h-4 text-green-500" %> <%= format_money @budget_category.available_to_spend_money %> left
<% end %>
Budgeted
<%= format_money @budget_category.budgeted_spending_money %>
<% end %>
Monthly average spending
<%= @budget_category.avg_monthly_expense_money.format %>
Monthly median spending
<%= @budget_category.median_monthly_expense_money.format %>

Recent Transactions

<%= lucide_icon "chevron-down", class: "group-open:transform group-open:rotate-180 text-secondary w-5" %>
<% if @recent_transactions.any? %>
    <% @recent_transactions.each_with_index do |transaction, index| %>
  • <% unless index == @recent_transactions.length - 1 %>
    <% end %>

    <%= transaction.entry.date.strftime("%b %d") %>

    <%= link_to transaction.entry.name, transactions_path(focused_record_id: transaction.id), class: "text-primary hover:underline", data: { turbo_frame: :_top } %>

    <%= format_money transaction.entry.amount_money %>

    • <% end %>
<%= link_to "View all category transactions", transactions_path(q: { categories: [@budget_category.name], start_date: @budget.start_date, end_date: @budget.end_date }), data: { turbo_frame: :_top }, class: "block text-center btn btn--outline w-full" %> <% else %>

No transactions found for this budget period.

<% end %>
<% end %>