<%= turbo_stream_from @account %>

<%= turbo_frame_tag dom_id(@account) do %>
  <%= tag.div class: "space-y-4" do %>
    <%= render "accounts/show/header", account: @account %>

    <%= render "accounts/show/chart",
               account: @account,
               title: t(".chart_title"),
               tooltip: render(
                 "investments/value_tooltip",
                 balance: @account.balance_money,
                 holdings: @account.balance - @account.cash_balance,
                 cash: @account.cash_balance
               ) %>

    <div class="min-h-[800px]">
      <%= render "accounts/show/tabs", account: @account, tabs: [
        { key: "holdings", contents: render("investments/holdings_tab", account: @account) },
        { key: "activity", contents: render("accounts/show/activity", account: @account) },
      ] %>
    </div>
  <% end %>
<% end %>
