<%= @account.name[0].upcase %>

<%= @account.name %>

<%= button_to sync_account_path(@account), method: :post, class: "flex items-center gap-2", title: "Sync Account" do %> <%= lucide_icon "refresh-cw", class: "w-4 h-4 text-gray-900 hover:text-gray-500" %> <% end %>

<%= @account.balance_money.currency.iso_code %> <%= @account.balance_money.currency.symbol %> <%= lucide_icon("chevron-down", class: "w-5 h-5 text-gray-500") %>

<%= turbo_frame_tag "sync_message" do %> <%= render partial: "accounts/sync_message", locals: { is_syncing: @account.syncing? } %> <% end %>

<%= render partial: "shared/balance_heading", locals: { label: "Total Value", period: @period, balance: @account.balance_money, trend: @balance_series.trend } %>

<%= form_with url: account_path(@account), method: :get, class: "flex items-center gap-4", data: { controller: "auto-submit-form" } do %> <%= render partial: "shared/period_select", locals: { value: @period.name } %> <% end %>

<%= render partial: "shared/line_chart", locals: { series: @balance_series } %>

<%= render partial: "accounts/account_history", locals: { account: @account, valuations: @valuation_series } %>