<%= sidebar_modal do %>

<%=format_money @transaction.amount_money %> <%= @transaction.currency %>

<%= @transaction.date.strftime("%A %d %B") %> <%= form_with model: @transaction, html: {data: {controller: "auto-submit-form"}} do |f| %>
Overview <%= lucide_icon("chevron-down", class: "hidden group-open:block text-gray-500 w-5 h-5") %> <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
<%= f.date_field :date, label: "Date", "data-auto-submit-form-target": "auto" %>
<%= f.collection_select :account_id, Current.family.accounts, :id, :name, { prompt: "Select an Account", label: "Account", class: "text-gray-400" }, {class: "form-field__input cursor-not-allowed text-gray-400", disabled: "disabled"} %>
Description <%= lucide_icon("chevron-down", class: "hidden group-open:block text-gray-500 w-5 h-5") %> <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
<%= f.text_field :name, label: "Name", "data-auto-submit-form-target": "auto" %>
Settings <%= lucide_icon("chevron-down", class: "hidden group-open:block text-gray-500 w-5 h-5") %> <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
Additional <%= lucide_icon("chevron-down", class: "hidden group-open:block text-gray-500 w-5 h-5") %> <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
<%= f.text_area :notes, label: "Notes", placeholder: "Enter a note", "data-auto-submit-form-target": "auto" %>
<% end %> <% end %>