<div class="gdpr-banner">
  <div class="container">
    <div class="row">
      <div class="col-md-9">
        {{ 'gdpr.base'|trans({'%cnilUrl%': cnilUrl})|raw }}
      </div>
      <div class="col-md-3 text-center">
        <button class="gdpr-accept-all btn btn-secondary">{{ 'gdpr.accept_all'|trans }}</button>
        <button class="gdpr-configure btn btn-secondary"
                data-bs-toggle="modal"
                data-bs-target="#gdpr-modal"
        >{{ 'gdpr.configure'|trans }}</button>
        <button class="gdpr-deny-all btn btn-secondary">{{ 'gdpr.deny_all'|trans }}</button>
      </div>
    </div>
  </div>
</div>
<button
    class="gdpr-quick-access btn btn-secondary"
    data-bs-toggle="modal"
    data-bs-target="#gdpr-modal"
>{{ 'gdpr.cookie_quick_access'|trans }}</button>
<div class="modal gdpr-modal" tabindex="-1" id="gdpr-modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <div class="row">
          <div class="col">
            {{ 'gdpr.base'|trans({'%cnilUrl%': cnilUrl})|raw }}
            {{ 'gdpr.more_info'|trans|raw }}
          </div>
        </div>

        {% set gdprSections = [
          'default',
          'analytics',
        ] %}
        {% for section in gdprSections %}
          <div class="row">
            <div class="col">
              <label for="gdpr-control-{{ section }}">{{ ('gdpr.sections.'~section)|trans|raw }}</label>
            </div>
            <div class="col gdpr-control-col">
              <input
                  id="gdpr-control-{{ section }}"
                  class="gdpr-control"
                  type="checkbox"
                  data-gdpr-section="{{ section }}"
                  {% if section == 'default' %} readonly="readonly" disabled="disabled" checked="checked"{% endif %}
              />
            </div>
          </div>
        {% endfor %}
        <div class="row">
          <div class="col-6">
            <button class="btn btn-success gdpr-save" data-bs-dismiss="modal">{{ ('gdpr.save')|trans }}</button>
          </div>
          <div class="col-6">
            <button class="btn btn-danger gdpr-close" data-bs-dismiss="modal">{{ ('gdpr.close')|trans }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>