{% extends "@ibexadesign/pagelayout.html.twig" %}

{% block content %}
    <div class="ce-text m-default mw-default">
        <h1 class="mw-default text-center mt-5">
            <span class="fs-6 d-block mb-1 fw-normal">{{ ibexa_field_value(content,'publish_date')|format_datetime( 'long', 'none', locale='de' ) }}</span>
            {{ ibexa_field_value(content, 'title') }}
        </h1>
        {{ ibexa_render_field(content, 'body') }}
        {% if content.id == 50880 %}
            <button id="toogleCookieButton" class="btn btn-secondary">Cookieeinstellungen bearbeiten</button>
            <script>
                document.getElementById("toogleCookieButton").addEventListener("click", function() {
                    const div = document.querySelector(".cookie-consent");
                    div.classList.remove("d-none");
                });
            </script>
            <div class="d-none cookie-consent">
                {{ ekyna_cookie_consent_render({
                    render_if_saved: true,
                    expanded: false,
                    dialog: true
                }) }}
            </div>
        {% endif %}
    </div>
{% endblock %}