/* Add custom Js code below */ 
window.baseUrl = 'https://divingsecrets.com.sa/';
window.is_rtl = true;
window.locale = 'ar';
document.body.classList.add("dark-theme");

document.querySelector("body > div.app-inner.flex.flex-col.min-h-full > header > div.main-nav-container.shadow-default.bg-white > div > div > div .flex.items-center.justify-end").innerHTML +=
    ` <div class="flex items-center mode-toggler header-btn cursor-pointer" style="height: 25px;width: 25px;">
 <svg class="mode dark-mode" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>

</div>`;

// الدالة لتعيين قيمة الكوكيز
function setDarkModeCookie(value) {
    document.cookie = "darkMode=" + value + "; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/";
}
document.body.classList.add("dark-theme");
setDarkModeCookie(true);
// الدالة للتحقق من قيمة الكوكيز وتحديث حالة الصفحة
function checkDarkModeCookie() {
    var darkModeCookie = document.cookie.replace(/(?:(?:^|.*;\s*)darkMode\s*=\s*([^;]*).*$)|^.*$/, "$1");
    var isDarkMode = darkModeCookie === "fals";
    document.body.classList.toggle("dark-theme", isDarkMode);
}

// التحقق من قيمة الكوكيز عند تحميل الصفحة
document.addEventListener("DOMContentLoaded", function() {
    checkDarkModeCookie();
});

// الحدث المنشط عند النقر على الزر
var icon = document.querySelector(".mode-toggler.header-btn.cursor-pointer");
icon.onclick = function() {
    document.body.classList.toggle("dark-theme");
    var isDarkMode = document.body.classList.contains("dark-theme");
    setDarkModeCookie(isDarkMode);
};


// go to top button
var goToTopBtn = document.createElement('button');
goToTopBtn.textContent = 'العودة الى الأعلى  ';

// Create the arrow element
var arrow = document.createElement('span');
arrow.innerHTML = '&#8593;';
goToTopBtn.appendChild(arrow);
goToTopBtn.classList.add('btn-top');
var footer = document.querySelector('footer');
footer.before(goToTopBtn);

// Function to scroll to the top of the page
function goToTop() {
    document.documentElement.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
}
// Attach event listener to the button click event
goToTopBtn.addEventListener('click', goToTop);

document.querySelector("body > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div a > h3").innerHTML +=
    ` <a class="navbar-brand" href="https://divingsecrets.com.sa/">
<img fetchpriority="high" width="100%" height="100%" loading="eager" src="https://cdn.salla.sa/rpjXQ/27EO6OaQEh7vPdAmoss5l5cwmlnq9sCGX3mvom4G.png"  >
<h1 class="sr-only">Diving secrets center</h1>
</a> `;

document.querySelector("body > div.app-inner.flex.flex-col.min-h-full > footer > div.justify-between.py-4.container.text-center > span > p").innerHTML =
    `<span class=" copyrights text-sm opacity-75">

  <p class="text-gray-400 mb-2.5 md:mb-0">الحقوق محفوظة | 2024
<a href="https://divingsecrets.com.sa/" class="hover:text-primary" target="_blank" rel="noreferrer">Diving secrets center</a>
</p>

</span> `;






var script = document.createElement("script");
// Add script content
script.src = "https://cdn.lordicon.com/bhenfmcm.js";
// Append
document.head.appendChild(script);
// icons
document.addEventListener("DOMContentLoaded", function(event) {
    document.querySelector("body > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) div ").innerHTML = `
<lord-icon
    src="https://cdn.lordicon.com/rhvddzym.json"
    trigger="loop"
    delay="1500"
    colors="primary:#fff,secondary:#fff"
    style="width:100%;height:100%">
</lord-icon>
`

    document.querySelector("body > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) div ").innerHTML = `
 <lord-icon
    src="https://cdn.lordicon.com/qhviklyi.json"
    trigger="hover"
    colors="primary:#fff,secondary:#fff"
    style="width:250px;height:250px">
</lord-icon>
`

    document.querySelectorAll("body > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) div").forEach((n) => {
        n.innerHTML = `<lord-icon
    src="https://cdn.lordicon.com/uetqnvvg.json"
    trigger="loop"
    delay="1500"
    colors="primary:#fff,secondary:#fff"
    style="width:100%;height:100%">
</lord-icon>`
    })

});