<%= styled_form_with model: @merchant, class: "space-y-4", data: { turbo: false } 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"), class: "text-sm font-normal placeholder:text-gray-500 h-10 relative pl-3 w-full border-none rounded-lg", required: true, data: { color_avatar_target: "name" } %>

<%= f.submit %>

<% end %>