<%= tag.div data: { controller: "donut-chart", donut_chart_segments_value: budget.to_donut_segments_json }, class: "relative h-full" do %>
<% if budget.initialized? %>
Spent
"> <%= format_money(budget.actual_spending_money) %>
<%= link_to edit_budget_path(budget), class: "btn btn--secondary flex items-center gap-1 mt-2" do %> of <%= format_money(budget.budgeted_spending_money) %> <%= lucide_icon "pencil", class: "w-4 h-4 text-gray-500 hover:text-gray-600" %> <% end %> <% else %>
<%= format_money Money.new(0, budget.currency || budget.family.currency) %>
<%= link_to edit_budget_path(budget), class: "flex items-center gap-2 btn btn--primary" do %> <%= lucide_icon "plus", class: "w-4 h-4 text-white" %> New budget <% end %> <% end %>
<% budget.budget_categories.each do |bc| %> <% end %>
<% end %>