<%= render "header" %> <% if @accounts.empty? %> <%= render "shared/no_account_empty_state" %> <% else %>

<%= render partial: "shared/value_heading", locals: { label: "Assets", period: @period, value: Current.family.assets, trend: @asset_series.trend } %>

<%= render partial: "shared/value_heading", locals: { label: "Liabilities", period: @period, size: "md", value: Current.family.liabilities, trend: @liability_series.trend } %>

Assets

<%= link_to new_account_path, class: "flex items-center gap-1 p-2 pr-3 text-gray-900 text-sm font-medium bg-gray-50 rounded-lg hover:bg-gray-100", data: { turbo_frame: "modal" } do %> <%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %>

<%= t(".new") %>

<% end %> <%= form_with url: summary_accounts_path, method: :get, data: { controller: "auto-submit-form" } do |form| %> <%= period_select form: form, selected: @period.name %> <% end %>

<%= render partial: "pages/account_percentages_bar", locals: { account_groups: @account_groups[:assets].children } %> <%= render partial: "pages/account_percentages_table", locals: { account_groups: @account_groups[:assets].children } %>

Liabilities

<%= t(".new") %>

<% end %> <%= form_with url: summary_accounts_path, method: :get, data: { controller: "auto-submit-form" } do |form| %> <%= period_select form: form, selected: @period.name %> <% end %>

<%= render partial: "pages/account_percentages_bar", locals: { account_groups: @account_groups[:liabilities].children } %> <%= render partial: "pages/account_percentages_table", locals: { account_groups: @account_groups[:liabilities].children } %>

<% end %>