<%= 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 %>

<%= f.text_field :name, placeholder: t(".placeholder"), required: true, autofocus: true, data: { color_avatar_target: "name" } %>

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

<% end %>