{% load catalogue_tags %}{% comment %}
Every shop selling the product, in a side panel (<dialog>, opened by [data-offers-open]).
Context: product, purchase, country, panel_id.
{% endcomment %}
<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 <span>{{ product.title }}</span></h2>
      <button type="button" class="bk-offers__close" data-offers-close aria-label="Close">&times;</button>
    </header>
    {% if purchase.offers %}
    <section class="bk-offers__group">
      <h3 class="bk-offers__group-title">{% if country %}Delivering to {{ country|country_name }}{% else %}Selling everywhere{% endif %}</h3>
      <ul class="bk-offers__list">{% for offer in purchase.offers %}{% include "catalogue/includes/offer_row.html" with best=forloop.first delivering=True %}{% endfor %}</ul>
    </section>
    {% endif %}
    {% if purchase.other_offers %}
    <section class="bk-offers__group">
      <h3 class="bk-offers__group-title">{% if purchase.offers %}Other countries{% elif country %}Not known to deliver to {{ country|country_name }}{% else %}By country{% endif %}</h3>
      <ul class="bk-offers__list">{% for offer in purchase.other_offers %}{% include "catalogue/includes/offer_row.html" %}{% endfor %}</ul>
    </section>
    {% endif %}
    <p class="bk-offers__note">Prices as last seen in each shop; shipping may apply.
      <a href="{% url 'catalogue:distributor_list' %}">All distributors</a></p>
  </div>
</dialog>