{% load catalogue_client_tags %}{# Only destinations some seller delivers to. #}
{% purchase_country_options country as country_options %}
<details class="bk-catalogue-country">
  <summary class="bk-catalogue-country__summary">
    Showing options for <strong>{% if country %}{{ country|country_name }}{% else %}available countries{% endif %}</strong>
    <span aria-hidden="true">&middot;</span> <span class="bk-catalogue-country__change">change</span>
  </summary>
  <form class="bk-catalogue-country__form" method="post" action="{% url 'catalogue_client:set_country' %}">
    <input type="hidden" name="next" value="{% if next %}{{ next }}{% else %}{{ request.get_full_path }}{% endif %}">
    <label class="bk-catalogue-country__label">
      <span>Your country</span>
      <select name="country" class="bk-catalogue-country__select">
        <option value="">Detect automatically</option>
        {% if country and not country_options.supported %}<option value="{{ country }}" selected>{{ country|country_name }} (not currently served)</option>{% endif %}
        {% for code, name in country_options.choices %}<option value="{{ code }}"{% if code == country %} selected{% endif %}>{{ name }}</option>{% endfor %}
      </select>
    </label>
    <button type="submit" class="bk-product-button bk-product-button--small">Save</button>
  </form>
  {% if country_options.contact %}<p class="bk-catalogue-country__missing">Don't see your country here? <a href="{{ country_options.contact.url }}" aria-label="{{ country_options.contact.label }}">Contact us</a>.</p>{% endif %}
</details>