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

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

<% Merchant::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(".name_placeholder"), autofocus: true, required: true, data: { color_avatar_target: "name" } %>

<%= f.submit %>

<% end %>