<%= render DS::Dialog.new do |dialog| %>
  <% dialog.with_header(title: "Enter property manually") %>
  <% dialog.with_body do %>
    <div class="flex gap-4">
      <%= render "properties/form_tabs", account: @account, active_tab: "value" %>

      <!-- Right content area with form -->
      <div class="flex-1">
        <%= styled_form_with model: @account, url: update_balances_property_path(@account), method: :patch do |form| %>
          <div class="flex flex-col gap-4 min-h-[320px]">
            <%= render "properties/form_alert", notice: @success_message, error: @error_message %>

            <%= form.money_field :balance,
                label: "Estimated market value",
                label_tooltip: "The estimated market value of your property. This number can often be found on sites like Zillow or Redfin, and is never an exact number.",
                placeholder: "0" %>
          </div>

          <!-- Next button -->
          <div class="flex justify-end mt-4">
            <%= render DS::Button.new(
              text: @account.active? ? "Save" : "Next",
              variant: "primary",
            ) %>
          </div>
        <% end %>
      </div>
    </div>
  <% end %>
<% end %>
