<% entry, account = @entry, @entry.account %>

<%= drawer do %>
  <header class="mb-4 space-y-1">
    <span class="text-gray-500 text-sm">
      <%= t(".balance") %>
    </span>

    <div class="flex items-center gap-4">
      <h3 class="font-medium">
        <span class="text-2xl">
          <%= format_money entry.amount_money %>
        </span>
      </h3>
    </div>

    <span class="text-sm text-gray-500">
      <%= I18n.l(entry.date, format: :long) %>
    </span>
  </header>

  <div class="space-y-2">
    <!-- Overview Section -->
    <%= disclosure t(".overview") do %>
      <div class="pb-4">
        <%= styled_form_with model: [account, entry],
              url: account_entry_path(account, entry),
              class: "space-y-2",
              data: { controller: "auto-submit-form" } do |f| %>
          <%= f.text_field :name,
                label: t(".name_label"),
                placeholder: t(".name_placeholder"),
                "data-auto-submit-form-target": "auto" %>

          <%= f.date_field :date,
                label: t(".date_label"),
                max: Date.current,
                "data-auto-submit-form-target": "auto" %>

          <%= f.money_field :amount,
                label: t(".amount"),
                auto_submit: true,
                disable_currency: true %>
        <% end %>
      </div>
    <% end %>

    <!-- Details Section -->
    <%= disclosure t(".details") do %>
      <div class="pb-4">
        <%= styled_form_with model: [account, entry],
              url: account_entry_path(account, entry),
              class: "space-y-2",
              data: { controller: "auto-submit-form" } 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 %>

    <!-- Settings Section -->
    <%= disclosure 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-gray-900"><%= t(".delete_title") %></h4>
            <p class="text-gray-500"><%= t(".delete_subtitle") %></p>
          </div>

          <%= button_to t(".delete"),
                account_entry_path(account, entry),
                method: :delete,
                class: "rounded-lg px-3 py-2 text-red-500 text-sm font-medium border border-alpha-black-200",
                data: { turbo_confirm: true, turbo_frame: "_top" } %>
        </div>
      </div>
    <% end %>
  </div>
<% end %>
