/* Add custom Js styles below */ document.addEventListener('DOMContentLoaded', function() {
    // الرابط الخاص بك
    const bookingLink = "https://echorabia.com/en/Edge%20&%20Historical%20Village%20%20(With%20group)/p2028002879/?lang=en";

    // بناء هيكل النافذة المنبثقة
    const popupHTML = `
    <div id="edgePopup" class="edge-popup-overlay">
        <div class="edge-popup-content" id="popupInner">
            <span class="close-edge" onclick="closeEdgePopup()">×</span>
            
            <div class="ar-version">
                <h2>رحلة حافة العالم</h2>
                <p>انضم إلينا في مغامرة استثنائية لاستكشاف "حافة العالم" والقرية التاريخية. المقاعد محدودة، احجز مكانك الآن!</p>
                <a href="${bookingLink}" class="edge-btn">احجز الآن</a>
            </div>

            <div class="en-version">
                <h2>Edge of the World Trip</h2>
                <p>Join us on an extraordinary adventure to explore the "Edge of the World" & Historical Village. Seats are filling up fast, book yours today!</p>
                <a href="${bookingLink}" class="edge-btn">Book Now</a>
            </div>
        </div>
    </div>`;

    // إضافة النافذة إلى الصفحة
    document.body.insertAdjacentHTML('beforeend', popupHTML);

    const popup = document.getElementById('edgePopup');

    // إظهار النافذة بعد ثانيتين من دخول المتجر
    setTimeout(() => {
        if (!sessionStorage.getItem('edgePopupShown')) {
            popup.style.display = 'flex';
        }
    }, 2000);

    // إضافة ميزة الإغلاق عند النقر في أي مكان (الخلفية المعتمة)
    popup.addEventListener('click', function(event) {
        if (event.target === popup) {
            closeEdgePopup();
        }
    });
});

// وظيفة الإغلاق وتخزين الحالة لعدم الإزعاج
function closeEdgePopup() {
    const popup = document.getElementById('edgePopup');
    if (popup) {
        popup.style.display = 'none';
        sessionStorage.setItem('edgePopupShown', 'true');
    }
}