Guide Conformité CNDP & Protection des Données

<!-- Banner de consentement cookies -->
<div id="cookie-consent" class="cookie-banner" style="display: none;">
  <div class="cookie-content">
    <h3>Nous respectons votre vie privée</h3>
    <p>
      Ce site utilise des cookies pour améliorer votre expérience. 
      Vous pouvez choisir les cookies que vous acceptez.
      <a href="/politique-confidentialite/">En savoir plus</a>
    </p>
    
    <div class="cookie-options">
      <label>
        <input type="checkbox" id="cookies-essential" checked disabled />
        <strong>Cookies essentiels</strong> (obligatoires)
      </label>
      <label>
        <input type="checkbox" id="cookies-analytics" />
        <strong>Cookies analytiques</strong> - Google Analytics
      </label>
      <label>
        <input type="checkbox" id="cookies-marketing" />
        <strong>Cookies marketing</strong> - Publicités personnalisées
      </label>
    </div>
    
    <div class="cookie-actions">
      <button onclick="acceptAllCookies()">Tout accepter</button>
      <button onclick="acceptSelectedCookies()">Accepter la sélection</button>
      <button onclick="rejectAllCookies()">Tout refuser</button>
    </div>
  </div>
</div>

<script>
// Vérifier si le consentement a déjà été donné
function checkCookieConsent() {
  const consent = localStorage.getItem('cookieConsent');
  if (!consent) {
    document.getElementById('cookie-consent').style.display = 'block';
  } else {
    applyCookiePreferences(JSON.parse(consent));
  }
}

function acceptAllCookies() {
  const consent = {
    essential: true,
    analytics: true,
    marketing: true,
    timestamp: new Date().toISOString()
  };
  localStorage.setItem('cookieConsent', JSON.stringify(consent));
  document.getElementById('cookie-consent').style.display = 'none';
  applyCookiePreferences(consent);
}

function acceptSelectedCookies() {
  const consent = {
    essential: true,
    analytics: document.getElementById('cookies-analytics').checked,
    marketing: document.getElementById('cookies-marketing').checked,
    timestamp: new Date().toISOString()
  };
  localStorage.setItem('cookieConsent', JSON.stringify(consent));
  document.getElementById('cookie-consent').style.display = 'none';
  applyCookiePreferences(consent);
}

function rejectAllCookies() {
  const consent = {
    essential: true,
    analytics: false,
    marketing: false,
    timestamp: new Date().toISOString()
  };
  localStorage.setItem('cookieConsent', JSON.stringify(consent));
  document.getElementById('cookie-consent').style.display = 'none';
}

function applyCookiePreferences(consent) {
  // Charger Google Analytics seulement si accepté
  if (consent.analytics) {
    loadGoogleAnalytics();
  }
  
  // Charger pixels marketing seulement si accepté
  if (consent.marketing) {
    loadMarketingPixels();
  }
}

// Charger au démarrage
document.addEventListener('DOMContentLoaded', checkCookieConsent);
</script>