<%= turbo_frame_tag dom_id(@account, "cash") do %>
  <div class="bg-white space-y-4 p-5 border border-alpha-black-25 rounded-xl shadow-xs">
    <div class="flex items-center justify-between">
      <%= tag.h2 t(".cash"), class: "font-medium text-lg" %>
    </div>

    <div class="rounded-xl bg-gray-25 p-1">
      <div class="grid grid-cols-12 items-center uppercase text-xs font-medium text-gray-500 px-4 py-2">
        <%= tag.p t(".name"), class: "col-span-9" %>
        <%= tag.p t(".value"), class: "col-span-3 justify-self-end" %>
      </div>

      <div class="rounded-lg bg-white border-alpha-black-25 shadow-xs">
        <%= render partial: "account/cashes/cash", collection: [brokerage_cash(@account)], as: :holding %>
      </div>
    </div>
  </div>
<% end %>
