<li class="popup__group flex align-center" data-value="<%= collection.name.downcase %>" data-filter-target="item" data-navigable-list-target="item">
  <label class="btn txt-xx-small">
    <%= form.check_box "collection_ids[]", {
          checked: filter.collections.include?(collection),
          data: { action: "change->form#submit" },
          include_hidden: false,
    }, collection.id %>

    <span class="for-screen-reader">
      Toggle filter for <%= collection.name %>
    </span>
    <%= icon_tag "check", size: 18, class: "checked flex-item-justify-end" %>
  </label>

  <%= link_to cards_path(collection_ids: [ collection ]), class: "btn popup__item min-width flex-item-grow" do %>
    <span class="overflow-ellipsis"><%= collection.name %></span>
    <span class="translucent flex-item-no-shrink flex-item-justify-end"> ›</span>
  <% end %>
</li>
