<%= form_with model: @bucket, class: "flex flex-column gap txt-large", controller: "form" do |form| %> <%= image_tag "bubbles.svg", aria: { hidden: "true" }, size: 150, class: "colorize--black center" %>

<%= translation_button(:bucket_name) %> <%= form.text_field :name, name: "bucket[name]", class: "input full-width", required: true, autofocus: true, placeholder: "Give it a name…", data: { action: "keydown.enter->form#submit:prevent" } %>

<% if User.active.count > 20 %> <% end %>

<%= render partial: "buckets/user_toggle", collection: @selected_users, as: :user, locals: { bucket: @bucket, selected: true } %> <% if @selected_users.any? && @unselected_users.any? %>

<% end %> <%= render partial: "buckets/user_toggle", collection: @unselected_users, as: :user, locals: { bucket: @bucket, selected: false } %>

<% end %>