{% load catalogue_client_tags %}{# Every seller in a side panel: local sellers first, then nearby and other sellers. #}
<dialog class="bk-offers" id="{{ panel_id }}" aria-labelledby="{{ panel_id }}-title">
  <div class="bk-offers__inner">
    <header class="bk-offers__header">
      <h2 class="bk-offers__title" id="{{ panel_id }}-title">Where to buy{% if product %} <span>{{ product.title }}</span>{% endif %}</h2>
      <button type="button" class="bk-offers__close" data-offers-close aria-label="Close">&times;</button>
    </header>
    {% if buying.local_offers %}
    <section class="bk-offers__group">
      <h3 class="bk-offers__group-title">{% if country %}Delivering to {{ country|country_name }}{% else %}Available internationally{% endif %}</h3>
      <ul class="bk-offers__list">{% for offer in buying.local_offers %}{% include "catalogue_client/includes/offer_row.html" with best=forloop.first delivering=True %}{% endfor %}</ul>
    </section>
    {% endif %}
    {% if buying.other_offers %}
    <section class="bk-offers__group">
      <h3 class="bk-offers__group-title">{% if buying.local_offers %}Other sellers{% elif country %}Sellers in other countries{% else %}Sellers by country{% endif %}</h3>
      <ul class="bk-offers__list">{% for offer in buying.other_offers %}{% include "catalogue_client/includes/offer_row.html" %}{% endfor %}</ul>
    </section>
    {% endif %}
    <p class="bk-offers__note">Prices as last seen in each shop; shipping may apply.</p>
  </div>
</dialog>