<% is_open = open.nil? ? account_group.accounts.any? { |account| page_active?(account_path(account)) } : open %> <%= render DS::Disclosure.new(align: :left, open: is_open) do |disclosure| %> <% disclosure.with_summary_content do %>

<%= icon "chevron-right", class: "group-open:transform group-open:rotate-90" %> <%= tag.span class: class_names("text-sm text-primary font-medium", "animate-pulse" => account_group.syncing?) do %> <%= account_group.name %> <% end %>

<%= tag.p format_money(account_group.total_money), class: "text-sm font-medium text-primary" %> <%= turbo_frame_tag "#{account_group.key}_sparkline", src: accountable_sparkline_path(account_group.key), loading: "lazy", data: { controller: "turbo-frame-timeout", turbo_frame_timeout_timeout_value: 10000 } do %>

<% end %>

<% account_group.accounts.each do |account| %> <%= link_to account_path(account), class: class_names( "block flex items-center gap-2 px-3 py-2 rounded-lg", page_active?(account_path(account)) ? "bg-container" : "hover:bg-surface-hover" ), title: account.name do %> <%= render "accounts/logo", account: account, size: "sm", color: account_group.color %>

<%= tag.p account.name, class: class_names("text-sm text-primary font-medium truncate", "animate-pulse" => account.syncing?) %>

<%= tag.p account.short_subtype_label, class: "text-sm text-secondary truncate" %>

<%= tag.p format_money(account.balance_money), class: "text-sm font-medium text-primary whitespace-nowrap" %> <%= turbo_frame_tag dom_id(account, :sparkline), src: sparkline_account_path(account), loading: "lazy", data: { controller: "turbo-frame-timeout", turbo_frame_timeout_timeout_value: 10000 } do %>

<% end %>

<% end %> <% end %>

<%= render DS::Link.new( href: new_polymorphic_path(account_group.key, step: "method_select"), text: t("accounts.sidebar.new_account_group", account_group: account_group.name.downcase.singularize), icon: "plus", full_width: true, variant: "ghost", frame: :modal, class: "justify-start" ) %>

<% end %>