🍪Cookie Consent Generator

<!-- Cookie Consent Banner HTML -->
<style>
.cookie-banner-wrapper {
  position: fixed;
  z-index: 99999;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, sans-serif;
}
.cookie-inner {
  background-color: #ffffff;
  color: #0f172a;
  border: 1px solid #e2e8f0;
}
.cookie-btn-primary {
  background-color: #4f46e5;
  color: #fff;
}
.cookie-btn-secondary {
  background-color: transparent;
  border: 1px solid #cbd5e1;
  color: #475569;
}
</style>



<div id="cookie-consent-banner" class="cookie-banner-wrapper" style="display: none; bottom:20px;right:20px;max-width:400px;">
  <div class="cookie-inner" style="padding: 24px; border-radius: 16px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);">
    
    <h4 id="cc-title" style="margin:0 0 12px; font-size:18px; font-weight:700;"></h4>
    <p id="cc-desc" style="margin:0 0 20px; font-size:14px; line-height:1.5; opacity:0.8;"></p>
    
    <div style="display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end;">
      
      
      
      <button class="cookie-btn-primary" style="padding: 10px 16px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; flex-grow: 1; text-align: center;" onclick="setConsent('accepted')" id="cc-btn-accept"></button>
    </div>

    
  </div>
</div>

<script>
(function() {
  
  const consentExpirationDays = 180;
  const compliancePreset = 'global';
  const enableGcmv2 = false;
  const enableCategories = false;
  
  const translations = {
  "en": {
    "title": "We value your privacy",
    "description": "We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking 'Accept All', you consent to our use of cookies.",
    "acceptAll": "Accept All",
    "rejectAll": "Reject All",
    "managePreferences": "Manage Preferences",
    "accept": "Accept",
    "doNotSell": "Do Not Sell My Data",
    "necessary": "Strictly Necessary",
    "necessaryDesc": "These cookies are essential for the website to function properly.",
    "analytics": "Analytics",
    "analyticsDesc": "Help us understand how visitors interact with our website.",
    "marketing": "Marketing",
    "marketingDesc": "Used to deliver tailored advertising to you.",
    "preferences": "Preferences",
    "preferencesDesc": "Allow the website to remember choices you make.",
    "savePreferences": "Save Preferences",
    "cookiePolicy": "Cookie Policy"
  }
};
  let currentLang = 'en';
  
  // Try to detect user language
  try {
    const browserLang = (navigator.language || navigator.userLanguage || '').split('-')[0];
    if (translations[browserLang]) {
      currentLang = browserLang;
    }
  } catch(e) {}
  
  function getDict() {
    return translations[currentLang] || translations['en'];
  }
  
  function setConsent(choice) {
    const expires = new Date(Date.now() + consentExpirationDays * 24 * 60 * 60 * 1000).toUTCString();
    document.cookie = "cookie_consent=" + choice + "; expires=" + expires + "; path=/; SameSite=Lax";
    
    if (enableGcmv2) {
      const gcmConsent = choice === 'accepted' ? 'granted' : 'denied';
      if (typeof gtag === 'function') {
        gtag('consent', 'update', {
          'ad_storage': gcmConsent,
          'analytics_storage': gcmConsent,
          'ad_user_data': gcmConsent,
          'ad_personalization': gcmConsent
        });
      }
    }
    
    document.getElementById('cookie-consent-banner').style.display = 'none';
  }
  
  function openPreferences() {
    // Basic implementation for preference center
    alert('Preference Center: In a full setup, this opens a modal to select specific categories (Analytics, Marketing).');
  }
  
  function switchLanguage(lang) {
    currentLang = lang;
    renderBanner();
  }
  

  function renderBanner() {
    const t = getDict();
    document.getElementById('cc-title').innerText = t.title;
    document.getElementById('cc-desc').innerHTML = t.description + ' <a href="/privacy-policy" style="color:#4f46e5;">Cookie Policy</a>';
    
    const btnAccept = document.getElementById('cc-btn-accept');
    if (btnAccept) btnAccept.innerText = t.acceptAll || t.accept;
    
    const btnReject = document.getElementById('cc-btn-reject');
    if (btnReject) btnReject.innerText = t.rejectAll;
    
    const btnPrefs = document.getElementById('cc-btn-prefs');
    if (btnPrefs) btnPrefs.innerText = t.managePreferences;
    
    const btnDns = document.getElementById('cc-btn-dns');
    if (btnDns) btnDns.innerText = t.doNotSell;
  }

  window.addEventListener('load', function() {
    if (document.cookie.indexOf('cookie_consent=') === -1) {
      document.getElementById('cookie-consent-banner').style.display = 'block';
      renderBanner();
    }
  });
})();
</script>