<!-- Cookie Consent Banner -->
<div id="cookie-consent-banner" style="position: fixed; bottom: 20px; left: 20px; right: 20px; padding: 15px; background:#2c2c2c; color:var(--white); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; font-family: Arial, sans-serif; z-index: 9999; display: none;">
  <div>
    <p style="margin: 0;font-size: 14px;padding-left: 20px;color:var(--white)">
      هذا الموقع يستخدم ملفات تعريف الارتباط لتحسين تجربتك. بمتابعتك لتصفح الموقع فإنك توافق على استخدامنا لها.
    </p>
  </div>
  <div>
    <button onclick="acceptCookies()" style="background:#4CAF50; color:white; border: none; padding: 8px 16px; margin-left: 10px; border-radius: 5px; cursor: pointer;">موافق</button>
  </div>
</div>

<!-- JavaScript to handle cookie consent -->
<script>
function acceptCookies() {
  // إخفاء البانر بعد الموافقة
  document.getElementById('cookie-consent-banner').style.display = 'none';
  
  // تخزين الموافقة
  localStorage.setItem('cookie_consent', 'true');
}

// التحقق عند تحميل الصفحة
window.onload = function() {
  if (localStorage.getItem('cookie_consent') !== 'true') {
    // إذا لم يوافق المستخدم بعد ➔ أظهر البانر
    document.getElementById('cookie-consent-banner').style.display = 'flex';
  }
}
</script>
