templates/widget/cookie_consent.html.twig line 1

Open in your IDE?
  1. {% if (should_show_cookie_banner == false) %}
  2. <div id="cookieConsentBanner" class="cookie-banner fixed-bottom text-white p-3" style="z-index: 1000; display: none;">
  3.     <div class="container">
  4.         <div class="row align-items-center">
  5.             <div class="col-md-8">
  6.                 <p class="mb-0">Мы используем cookies для улучшения работы сайта. Продолжая использовать сайт, вы соглашаетесь с этим.</p>
  7.             </div>
  8.             <div class="col-md-4 text-right">
  9.                 <button id="acceptCookies" class="btn btn-primary btn-sm">Принять</button>
  10.                 <a target="_blank" href="{{ privacy_policy_link }}" class="btn btn-link text-white btn-sm">Подробнее</a>
  11.             </div>
  12.         </div>
  13.     </div>
  14. </div>
  15.     <style>
  17.     </style>
  19.     <script>
  20.         document.addEventListener('DOMContentLoaded', function() {
  21.             const banner = document.getElementById('cookieConsentBanner');
  22.             const acceptBtn = document.getElementById('acceptCookies');
  25.             if ({{ should_show_cookie_banner  == false }}) {
  26.                 banner.style.display = 'block';
  29.                 // Обработчик для кнопки "Принять"
  30.                 acceptBtn.addEventListener('click', function() {
  31.                     fetch('{{ path('cookie_consent') }}', {
  32.                         method: 'POST',
  33.                         headers: {
  34.                             'Content-Type': 'application/json',
  35.                             'X-Requested-With': 'XMLHttpRequest'
  36.                         },
  37.                         credentials: 'include'
  38.                     })
  39.                         .then(response => response.json())
  40.                         .then(data => {
  41.                             if (data.status === 'success') {
  42.                                 banner.style.display = 'none';
  43.                             }
  44.                         })
  45.                         .catch(error => console.error('Error:', error));
  46.                 });
  47.             }
  48.         });
  49.     </script>
  50. {% endif %}