<%= drawer(reload_on_close: true) do %>
  <%= render "account/trades/header", entry: @entry %>

  <% trade = @entry.account_trade %>

  <div class="space-y-2">
    <!-- Details Section -->
    <%= disclosure t(".details") do %>
      <div class="pb-4">
        <%= styled_form_with model: @entry,
              url: account_trade_path(@entry),
              class: "space-y-2",
              data: { controller: "auto-submit-form" } do |f| %>
          <%= f.date_field :date,
                label: t(".date_label"),
                max: Date.current,
                "data-auto-submit-form-target": "auto" %>

          <div class="flex items-center gap-2">
            <%= f.select :nature,
                          [["Buy", "outflow"], ["Sell", "inflow"]],
                          { container_class: "w-1/3", label: "Type", selected: @entry.amount.negative? ? "inflow" : "outflow" },
                          { data: { "auto-submit-form-target": "auto" } } %>

            <%= f.fields_for :entryable do |ef| %>
              <%= ef.number_field :qty,
                  label: t(".quantity_label"),
                  step: "any",
                  value: trade.qty.abs,
                  "data-auto-submit-form-target": "auto" %>
            <% end %>
          </div>

          <%= f.fields_for :entryable do |ef| %>
            <%= ef.money_field :price,
                  label: t(".cost_per_share_label"),
                  disable_currency: true,
                  auto_submit: true,
                  min: 0 %>
          <% end %>
        <% end %>
      </div>
    <% end %>

    <!-- Additional Section -->
    <%= disclosure t(".additional") do %>
      <div class="pb-4">
        <%= styled_form_with model: @entry,
              url: account_trade_path(@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">
        <!-- Exclude Trade Form -->
        <%= styled_form_with model: @entry,
              url: account_trade_path(@entry),
              class: "p-3",
              data: { controller: "auto-submit-form" } do |f| %>
          <div class="flex cursor-pointer items-center gap-2 justify-between">
            <div class="text-sm space-y-1">
              <h4 class="text-gray-900"><%= t(".exclude_title") %></h4>
              <p class="text-gray-500"><%= t(".exclude_subtitle") %></p>
            </div>

            <div class="relative inline-block select-none">
              <%= f.check_box :excluded,
                      class: "sr-only peer",
                      "data-auto-submit-form-target": "auto" %>
              <label for="account_entry_excluded"
                         class="maybe-switch"></label>
            </div>
          </div>
        <% end %>

        <!-- Delete Trade 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(@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 } %>
        </div>
      </div>
    <% end %>
  </div>
<% end %>
