<%= form_with model: @bucket, class: "flex flex-column gap txt-large", data: { controller: "form" } do |form| %>

<%= 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, keydown.esc->form#cancel" } %>

<%= access_menu_tag @bucket do %>

<%= image_tag "everyone.svg", aria: { hidden: "true" }, class: "colorize--black" %>

Everyone

<%= form.check_box :all_access, class: "switch__input", checked: @bucket.all_access?, data: { action: "change->toggle-class#toggle" } %>

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

<%= access_toggles_for @selected_users, selected: true %> <% if @selected_users.any? && @unselected_users.any? %>

<% end %> <%= access_toggles_for @unselected_users, selected: false %>

<% end %>

<%= link_to "Cancel and go back", bubbles_path(bucket_ids: [ @bucket ]), data: { form_target: "cancel", turbo_frame: "_top" }, hidden: true %> <% end %>