<%= styled_form_with model: category, class: "space-y-4", data: { turbo_frame: :_top } do |f| %>

<%= render partial: "shared/color_avatar", locals: { name: category.name, color: category.color } %>

<% Category::COLORS.each do |color| %> <%= f.radio_button :color, color, class: "sr-only peer", data: { action: "change->color-avatar#handleColorChange" } %>

<% end %>

<% if category.errors.any? %> <%= render "shared/form_errors", model: category %> <% end %>

<%= f.text_field :name, placeholder: t(".placeholder"), required: true, autofocus: true, label: "Name", data: { color_avatar_target: "name" } %> <%= f.select :parent_id, categories.pluck(:name, :id), { include_blank: "(unassigned)", label: "Parent category (optional)" } %>

<%= hidden_field_tag :transaction_id, params[:transaction_id] %> <%= f.submit %>

<% end %>