{% load i18n %}
{% load wagtailcore_tags ocyanjson %}

{% with settings.cookie_jar.CookieSettings as cookie_settings %}
    {% if cookie_jar.needs_approval or cookie_jar.site_settings.strict_cookies %}
        {% if cookie_jar.needs_display or cookie_jar.site_settings.strict_cookies and not cookie_jar.cookie %}
        <div id="cookie_popup_body" class="cookie-consent-overlay" role="region" aria-label="{% trans 'Cookie settings' %}">
            <div class="cookie-consent-modal" role="dialog" aria-modal="true" aria-labelledby="cookie-consent-title">
                <div class="cookie-banner-title" id="cookie-consent-title">
                    <i class="fa fa-shield-halved" aria-hidden="true"></i>
                    <span>{% trans 'Privacy & Cookies' %}</span>
                </div>
                <div id="cookie_popup_content">
                    {% if cookie_settings.cookie_message %}{{ cookie_settings.cookie_message|richtext }}{% endif %}
                </div>
                <div id="cookie_buttons" class="cookie-consent-actions">
                    <button type="button" id="cookie_popup_acceptButton" data-cookie-key="{{ cookie_jar.cookie_key }}">{% trans 'Accept' %}</button>
                    <button type="button" data-toggle="modal" data-bs-toggle="modal" data-bs-target="#CookiesOptions" id="cookie_popup_settingsButton" data-backdrop="static" data-keyboard="false">{% trans 'Settings' %}</button>
                </div>
                <div class="cookie-consent-hint">
                    {% trans 'You can update your cookie preferences at any time.' %}
                </div>
            </div>
        </div>
        {% endif %}

    <div class="modal fade" id="CookiesOptions" tabindex="-1" role="dialog" aria-labelledby="CookiesOptionsLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="h2 modal-title modal_cookie_header" id="CookiesOptionsLabel">{% trans 'Cookie settings' %}</p>
                </div>

                <div class="modal-body">

                    <div id="cookie_popup_content_modal">
                        {% if cookie_settings.popup_cookie_message %}{{ cookie_settings.popup_cookie_message|richtext }}{% endif %}
                    </div>

                    {% include "cookie_jar/partials/cookie_checkboxes.html" %}
                </div>

                <div class="modal-footer" data-cookie-key="{{ cookie_jar.cookie_key }}" id="cookie_model_saveButton">
                    <button type="button"  data-bs-dismiss="modal" data-dismiss="modal" aria-label="Close" class="btn  btn-primary">
                        {% trans 'Save and accept' %}
                    </button>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
{% endwith %}