<%= tag.p title, class: "text-sm font-medium text-secondary" %>
<% if account.supports_trades? %>
<%= render "investments/value_tooltip", balance: account.balance_money, holdings: holdings_value_money, cash: account.cash_balance_money %>
<% end %>
<%= tag.p view_balance_money.format, class: "text-primary text-3xl font-medium truncate privacy-sensitive" %>
<% if converted_balance_money %>
<%= tag.p converted_balance_money.format, class: "text-sm font-medium text-secondary privacy-sensitive" %>
<% end %>
<% if account.supports_trades? %>
<%= form_with url: account_path(account), method: :get, data: { controller: "auto-submit-form" } do |form| %>
<%= form.select :chart_view,
[[t(".views.total_value"), "balance"], [t(".views.holdings"), "holdings_balance"], [t(".views.cash"), "cash_balance"]],
{ selected: view },
class: "bg-container border border-secondary rounded-lg text-sm pr-7 cursor-pointer text-primary focus:outline-hidden focus:ring-0",
data: { "auto-submit-form-target": "auto" } %>
<% end %>
<% end %>
<%= render UI::PeriodPicker.new(
selected: period,
url: account_path(account),
extra_params: account.supports_trades? ? { chart_view: view } : {}
) %>
<%= turbo_frame_tag dom_id(@account, :chart_details) do %>
<%= render partial: "shared/trend_change", locals: { trend: trend, comparison_label: comparison_label } %>