{% load i18n static cookie_consent %}
{% comment %}
  Cookie-consent banner — rendered on every page (public + app) via the
  ``cookie_consent`` block in conjunto/base.html, but only when the
  ``cookie_consent.enabled`` VENDOR setting is on.

  The markup ships ``hidden``; cookie_consent.js reveals it only when the
  visitor has no valid consent for the current policy version. Consumers
  restyle it by overriding the blocks below (cookie_title, cookie_intro,
  cookie_image, cookie_privacy_link, cookie_categories, cookie_actions) — same
  pattern as registration/login.html.

  "Reject all" and "Accept all" are equally prominent (no dark patterns) and
  the granular checkboxes default to OFF (active opt-in, BGH I ZR 7/16).
{% endcomment %}
{% if request.scoped_settings.cookie_consent.enabled %}
{% cookie_consent_categories as cj_categories %}
<div id="cj-cookie-banner"
     class="cj-cookie-banner d-print-none"
     role="dialog"
     aria-modal="false"
     aria-labelledby="cj-cookie-title"
     data-cj-consent-version="{{ request.scoped_settings.cookie_consent.policy_version|default:'1' }}"
     hidden>
  <div class="cj-cookie-banner__inner container-xl">
    {% block cookie_image %}{% endblock %}

    <div class="cj-cookie-banner__body">
      <h2 id="cj-cookie-title" class="cj-cookie-banner__title">
        {% block cookie_title %}{% translate "We value your privacy" %}{% endblock %}
      </h2>

      <div class="cj-cookie-banner__intro">
        {% block cookie_intro %}
          <p>
            {% translate "We use cookies to run this site and — only with your consent — to improve it. You decide which categories to allow." %}
          </p>
        {% endblock %}
        {% block cookie_privacy_link %}{% endblock %}
      </div>

      {% block cookie_categories %}
        <div class="cj-cookie-banner__categories" hidden data-cj-cookie-categories>
          {% for cat in cj_categories %}
            <label class="cj-cookie-cat">
              <input type="checkbox"
                     class="cj-cookie-cat__input"
                     value="{{ cat.key }}"
                     {% if cat.essential %}checked disabled{% endif %}>
              <span class="cj-cookie-cat__text">
                <span class="cj-cookie-cat__label">
                  {{ cat.label }}{% if cat.essential %} <span class="cj-cookie-cat__always">({% translate "always on" %})</span>{% endif %}
                </span>
                <span class="cj-cookie-cat__desc">{{ cat.description }}</span>
              </span>
            </label>
          {% endfor %}
        </div>
      {% endblock %}
    </div>

    {% block cookie_actions %}
      <div class="cj-cookie-banner__actions">
        <button type="button" class="btn btn-primary cj-cookie-banner__btn" data-cj-cookie-action="reject">
          {% translate "Reject all" %}
        </button>
        <button type="button" class="btn btn-link cj-cookie-banner__btn" data-cj-cookie-toggle hidden data-cj-cookie-has-categories>
          {% translate "Customize" %}
        </button>
        <button type="button" class="btn btn-primary cj-cookie-banner__btn" data-cj-cookie-action="accept">
          {% translate "Accept all" %}
        </button>
        <button type="button" class="btn btn-primary cj-cookie-banner__btn" data-cj-cookie-action="save" hidden data-cj-cookie-save>
          {% translate "Save choices" %}
        </button>
      </div>
    {% endblock %}
  </div>
</div>
<script src="{% static 'conjunto/js/cookie_consent.js' %}"
        id="cj-script-cookie-consent" hx-preserve="true" defer></script>
{% endif %}