{% load trade_offer_tags pagination_tags %}

<div class="flex flex-row flex-wrap gap-6 md:gap-2 lg:gap-6 justify-center items-start py-6">
  {% for offer in offers %}
      {% if offer.accepted_by %}
        {# Render a trade acceptance using our new tag #}
        {% render_trade_acceptance offer %}
      {% else %}
        {% render_trade_offer offer %}
      {% endif %}
  {% empty %}
    <div>No trade offers available.</div>
  {% endfor %}
</div>
{% render_pagination page_obj %}