<script>
  import { onMount, createEventDispatcher } from 'svelte';
  
  const dispatch = createEventDispatcher();
  
  // Fonction pour accepter les cookies
  function acceptCookies() {
    // Créer un cookie qui expire dans 2 jours
    const expiryDate = new Date();
    expiryDate.setDate(expiryDate.getDate() + 2);
    
    // Définir le cookie avec la date d'expiration
    document.cookie = `geosector_cookies_accepted=true; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
    
    // Informer le composant parent que l'utilisateur a accepté
    dispatch('consent', { accepted: true });
  }
  
  // Fonction pour refuser les cookies
  function refuseCookies() {
    // Définir un cookie de refus qui expire dans 2 jours aussi
    const expiryDate = new Date();
    expiryDate.setDate(expiryDate.getDate() + 2);
    
    // Définir le cookie avec la date d'expiration
    document.cookie = `geosector_cookies_refused=true; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
    
    // Informer le composant parent que l'utilisateur a refusé
    dispatch('consent', { accepted: false });
  }
</script>

<div class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
  <div class="cookie-modal bg-white rounded-lg shadow-xl p-6 max-w-md w-full">
    <h2 class="text-2xl font-bold text-gray-800 mb-4">Gestion des cookies</h2>
    
    <p class="text-gray-600 mb-6">
      Nous utilisons des cookies pour suivre de façon anonyme l'activité sur ce site. 
      Ces informations nous aident à améliorer votre expérience utilisateur. 
      Les données sont collectées une fois tous les 2 jours. Vous pouvez les accepter ou les refuser.
    </p>
    
    <div class="flex flex-col sm:flex-row gap-4 justify-end">
      <button 
        on:click={refuseCookies}
        class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 px-4 rounded transition-colors"
      >
        Refuser
      </button>
      <button 
        on:click={acceptCookies}
        class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded transition-colors"
      >
        Accepter
      </button>
    </div>
  </div>
</div>
