<section id="considering-cards" class="cards cards--considering" data-drag-and-drop-target="container"  data-drop-target="considering">
  <h2 class="cards__heading">
    Considering
  </h2>

  <% if collection = filter.single_collection || Current.user.collections.first %>
    <%= button_to collection_cards_path(collection), method: :post, class: "card card--new-card-button btn", form_class: "full-width" do %>
      <div class="gap-half justify-center txt-xx-large pad-block margin-block-half">
        <%= icon_tag "add" %>
        <span>Add a new card</span>
      </div>
    <% end %>
  <% end %>

  <% if page.used? %>
    <%= render partial: "cards/display/preview", collection: page.records, as: :card, locals: { draggable: true }, cached: true %>

    <% unless page.last? %>
      <%= cards_next_page_link "considering-cards", page: page, filter: filter %>
    <% end %>
  <% else %>
    <p class="txt-medium translucent">Nothing here</p>
  <% end %>
</section>
