<div class="box-cookies ">
    <div class="box-cookies-content">
        <h3 class="m-0">{{ 'request.cookies.banner.title'|trans({}, 'app') }}</h3>
        <div class="box-cookies-text pt-3">
            <p> {{ 'request.cookies.banner.description'|trans({}, 'app') }}
                {% if privatePage is not null %}
                    <a href="{{ path('app_front_cms_page',{id: privatePage.id, slug: privatePage.i18n(locale).slug}) }}">
                        {{ 'request.cookies.banner.privacy_policy'|trans({}, 'app') }}
                    </a>
                {% endif %}
            </p>
        </div>
        <div class="py-3 btns-cookies">
            {#            <a href="#"  class="btn-deny">Refuser</a>#}
            <a href="#" data-bs-toggle="modal" data-bs-target="#consentModal">
                {{ 'request.cookies.banner.configure'|trans({}, 'app') }}
            </a>
            <a href="#" class="btn-accept">{{ 'request.cookies.banner.accept_all'|trans({}, 'app') }}</a>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade modalBoxConsent " id="consentModal" tabindex="-1" aria-labelledby="modalBoxLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ 'request.cookies.modal.close'|trans({}, 'app') }}"></button>
            </div>
            <div class="modal-body">
                <div class="modal-consent-text">
                    <div>
                        <h2>{{ 'request.cookies.modal.title'|trans({}, 'app') }}</h2>
                        <p>{{ 'request.cookies.modal.description'|trans({}, 'app') }}</p>
                    </div>
                </div>
                <div class="modal-consent-text">
                    <div>
                        <h2>{{ 'request.cookies.modal.necessary.title'|trans({}, 'app') }}</h2>
                        <p>{{ 'request.cookies.modal.necessary.description'|trans({}, 'app') }}</p>
                    </div>
                    <div class="modal-check">
                        <input type="checkbox" id="switch" class="switch" checked="checked" disabled="disabled"/><label for="switch"></label>
                    </div>
                </div>
                <div class="modal-consent-text">
                    <div>
                        <h2>{{ 'request.cookies.modal.performance.title'|trans({}, 'app') }}</h2>
                        <p>{{ 'request.cookies.modal.performance.description'|trans({}, 'app') }}</p>
                    </div>
                    <div class="modal-check">
                        <input type="checkbox" id="switch1" class="switch" checked="checked" disabled="disabled"/><label for="switch1"></label>
                    </div>
                </div>
                <div class="modal-consent-text">
                    <div>
                        <h2>{{ 'request.cookies.modal.advertising.title'|trans({}, 'app') }}</h2>
                        <p>{{ 'request.cookies.modal.advertising.description'|trans({}, 'app') }}</p>
                    </div>
                    <div class="modal-check">
                        <input type="checkbox" id="switch2" class="switch" /><label for="switch2"></label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-green">{{ 'request.cookies.modal.save'|trans({}, 'app') }}</button>
            </div>
        </div>
    </div>
</div>