<% entry, account = @entry, @entry.account %>
<%= render DS::Dialog.new(frame: "drawer", responsive: true) do |dialog| %>
  <% dialog.with_header(custom_header: true) do %>
    <div class="flex items-start justify-between gap-4">
      <%= render "valuations/header", entry: @entry %>
      <%= dialog.close_button %>
    </div>
  <% end %>
  <% dialog.with_body do %>
    <% if @error_message.present? %>
      <div class="mb-4">
        <%= render DS::Alert.new(message: @error_message, variant: :error) %>
      </div>
    <% end %>
    <% dialog.with_section(title: t(".overview"), open: true) do %>
      <div class="pb-4">
        <%= styled_form_with model: entry,
              url: confirm_update_valuation_path(entry),
              method: :post,
              data: { turbo_frame: :modal },
              class: "space-y-4" do |f| %>
          <%= f.date_field :date,
                label: t(".date_label"),
                max: Date.current %>
          <%= f.money_field :amount,
                label: "Account value on date",
                disable_currency: true %>
          <div class="flex justify-end">
            <%= render DS::Button.new(
              text: "Update value",
              variant: :primary,
              type: "submit"
            ) %>
          </div>
        <% end %>
      </div>
    <% end %>
    <% dialog.with_section(title: t(".details")) do %>
      <div class="pb-4">
        <%= styled_form_with model: entry,
              url: valuation_path(entry),
              method: :patch,
              class: "space-y-2",
              data: { controller: "auto-submit-form", auto_submit_form_trigger_event_value: "blur" } do |f| %>
          <%= f.text_area :notes,
                label: t(".note_label"),
                placeholder: t(".note_placeholder"),
                rows: 5,
                "data-auto-submit-form-target": "auto" %>
        <% end %>
      </div>
    <% end %>
    <% dialog.with_section(title: t(".settings")) do %>
      <div class="pb-4">
        <!-- Delete Valuation Form -->
        <div class="flex items-center justify-between gap-2 p-3">
          <div class="text-sm space-y-1">
            <h4 class="text-primary"><%= t(".delete_title") %></h4>
            <p class="text-secondary"><%= t(".delete_subtitle") %></p>
          </div>
          <%= button_to t(".delete"),
                entry_path(entry),
                method: :delete,
                class: "rounded-lg px-3 py-2 text-red-500 text-sm font-medium border border-secondary",
                data: { turbo_confirm: CustomConfirm.for_resource_deletion("value update").to_data_attribute, turbo_frame: "_top" } %>
        </div>
      </div>
    <% end %>
  <% end %>
<% end %>
