{% load catalogue_client_tags %}{% comment %}
The buying box: the best seller for the visitor's country, every other seller in a
side panel, the country picker and the work's other editions.
Context: product, purchase, country, buying, other_editions (from {% product_purchase %}).
{% endcomment %}{% if purchase %}
{% unique_id "bk-offers" as panel_id %}
<aside class="bk-product-purchase{% if purchase.is_country_specific %} bk-product-purchase--local{% endif %}" aria-label="Buying options">
  <h2 class="bk-product-purchase__title">
    {% if purchase.is_country_specific %}Buy in {% if purchase.region_label %}{{ purchase.region_label }}{% else %}{{ country|country_name }}{% endif %}{% elif country and buying.local_offers %}Buy in {{ country|country_name }}{% else %}Buying options{% endif %}
  </h2>

  {% if buying.best or buying.contact or buying.more %}
  <div class="bk-product-purchase__actions">
    {% if buying.best %}
    <a class="bk-product-button bk-product-purchase__best" href="{{ buying.best.url }}" target="_blank" rel="noopener">
      <span class="bk-product-purchase__best-shop">Buy from {{ buying.best.shop_label }}{% if buying.best.attributes.edition %} <small>({{ buying.best.attributes.edition }})</small>{% endif %}</span>
      {% if buying.best.formatted_price %}<span class="bk-product-purchase__best-price">{{ buying.best.formatted_price }}</span>{% endif %}
    </a>
    {% elif buying.contact %}
    <a class="bk-product-button bk-product-purchase__contact" href="{{ buying.contact.url }}">{{ buying.contact.label }}</a>
    {% endif %}
    {% if buying.more %}
    <button type="button" class="bk-product-button bk-product-button--secondary bk-product-purchase__sellers" data-offers-open="{{ panel_id }}" aria-haspopup="dialog" aria-controls="{{ panel_id }}">View {{ buying.more|length }} {% if buying.best %}other {% endif %}seller{{ buying.more|length|pluralize }}</button>
    {% endif %}
  </div>
  {% elif purchase.formatted_price %}<p class="bk-product-purchase__price">{{ purchase.formatted_price }}</p>{% endif %}

  {% if buying.best.in_stock is False %}<p class="bk-product-purchase__stock">Currently out of stock there</p>{% endif %}
  {% if purchase.is_upcoming %}<p class="bk-product-purchase__date">Available from {{ purchase.available_date|date:"j F Y" }}</p>{% endif %}

  {% if buying.more %}
  <p class="bk-product-purchase__also">
    Also available from {% for offer in buying.more|slice:":3" %}{{ offer.shop_label }}{% if offer.attributes.edition %} ({{ offer.attributes.edition }}){% endif %}{% if not forloop.last %}, {% endif %}{% endfor %}{% if buying.more|length > 3 %} and {{ buying.more|length|add:"-3" }} more{% endif %}.
  </p>
  {% endif %}

  {% if country and not buying.local_offers %}
  <p class="bk-product-purchase__warning" role="note">We do not currently have an online seller confirmed to deliver this {{ product_noun }} to {{ country|country_name }}. {% if buying.contact.distributor_name %}{{ buying.contact.distributor_name }} may be able to help.{% else %}{{ contact_help }}{% endif %}</p>
  {% endif %}
  {% if purchase.note %}<div class="bk-product-purchase__note">{{ purchase.note|rich }}</div>{% endif %}

  <div class="bk-product-purchase__country">{% include "catalogue_client/includes/country_picker.html" with country=country next=request.get_full_path %}</div>
  {% include "catalogue_client/includes/editions.html" %}
</aside>
{% if buying.more %}{% include "catalogue_client/includes/offers_panel.html" %}{% endif %}
{% endif %}