<section id="the-stream" class="cards cards--considering"
  data-drag-and-drop-target="container"
  data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
  data-drag-and-drop-url="<%= columns_card_drops_stream_path("__id__") %>">
  <header class="cards__expander">
    <h2 class="cards__expander-title position-relative">Maybe?</h2>
    <%= link_to collection_columns_stream_path(collection), class: "cards__expander-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %>
      <%= icon_tag "expand", class: "translucent" %>
      <span class="for-screen-reader">Expand column</span>
    <% end %>
  </header>

  <%= render "columns/show/add_card_button", collection: collection %>

  <% if page.used? %>
    <%= with_automatic_pagination "the-stream", @page do %>
      <%= render "collections/columns/list", cards: page.records, draggable: true %>
    <% end %>
  <% end %>
</section>
