<%# locals: (transaction:) %>

<%= render partial: "shared/category_badge", locals: transaction.category.nil? ? {} : { name: transaction.category.name, color: transaction.category.color } %>

<%= lucide_icon("search", class: "w-5 h-5 text-gray-500 ml-2 absolute inset-0 transform top-1/2 -translate-y-1/2") %>

<%= form_with model: transaction, namespace: dom_id(transaction), html: { data: { controller: "auto-submit-form" }, class: "flex flex-col gap-0.5 p-1.5 mt-0.5 mr-2 max-h-64 overflow-y-scroll scrollbar" } do |form| %> <% Current.family.transaction_categories.each do |category| %> <% is_selected = (!transaction.category.nil? and category.id == transaction.category.id) %>

hover:bg-gray-25 border-none rounded-lg px-2 py-1 group"> <%= form.radio_button :category_id, category.id, class: "hidden" %> <%= label dom_id(transaction), :transaction_category_id, value: category.id, class: "flex w-full items-center gap-1.5 cursor-pointer" do %> <%= lucide_icon("check", class: "w-5 h-5 text-gray-500") if is_selected %> <%= render partial: "shared/category_badge", locals: { name: category.name, color: category.color } %> <% end %>

<% end %> <% end %>