/* Add custom Js code below */ 
/* تم انشاء هذا الكود خاص لمتجر القرية النقية من قبل ام جي ستوديو */

/* MJ STUDIO mjsstud.com */

/* وهذا الكود محمي بحقوق ومضمون */

/* يرجى الملاحظة انه في حال العبث بهذا الكود من خلال الاضافة او الحذف سيتم الغاء الضمان */







if (window.location.href === 'https://mooriinga.com/') {
    const logo = new Image();
    logo.src = 'https://up6.cc/2024/03/171073306050381.png';
    logo.style.position = 'fixed';
    logo.style.top = '50%';
    logo.style.left = '50%';
    logo.style.transform = 'translate(-50%, -50%) scale(1)';
    logo.style.transition = 'opacity 1s, transform 1s';
    logo.style.zIndex = '9999';
    logo.style.opacity = '0';

    if (window.innerWidth <= 768) {
        logo.style.width = '40%';
    } else {
        logo.style.width = '15%';
    }

    document.body.appendChild(logo);

    const overlay = document.createElement('div');
    overlay.classList.add('glass-background'); // تم إضافة كلاس للخلفية الزجاجية
    document.body.appendChild(overlay);

    setTimeout(() => {
        logo.style.opacity = '1';
    }, 500);

    setTimeout(() => {
        // إزالة التغطية بعد مرور 8 ثوانٍ بتأثير التلاشي
        overlay.style.transition = 'opacity 1s';
        overlay.style.opacity = '0';
    }, 4000);

    setTimeout(() => {
        // إزالة الشعار بعد مرور 8 ثوانٍ بتأثير التلاشي
        logo.style.transition = 'opacity 1s';
        logo.style.opacity = '0';
    }, 3500);

    setTimeout(() => {
        // إزالة الشعار والتغطية بعد مرور 9 ثوانٍ
        document.body.removeChild(logo);
        document.body.removeChild(overlay);
    }, 5000);
}










const whatsappLogo = new Image();

whatsappLogo.src = "https://www10.0zz0.com/2024/06/13/10/641166489.png";

whatsappLogo.alt = "WhatsApp";

whatsappLogo.width = 55;

whatsappLogo.height = 55;

const whatsappLink = document.createElement("a");

whatsappLink.href = "https://wa.me/966501990143";

whatsappLink.target = "_blank";

whatsappLink.appendChild(whatsappLogo);

whatsappLink.style.position = "fixed";

whatsappLink.style.bottom = "30px";

whatsappLink.style.right = "30px";

whatsappLink.style.zIndex = "999";

document.body.appendChild(whatsappLink);

whatsappLink.addEventListener("mouseenter", function() {

const tooltip = document.createElement("div");

tooltip.textContent = "كيف نقدر نخدمك";

tooltip.style.position = "fixed";

tooltip.style.bottom = "40px";

tooltip.style.right = "90px";

tooltip.style.backgroundColor = "rgba(0, 0, 0, 0.7)";

tooltip.style.color = "white";

tooltip.style.padding = "5px";

tooltip.style.borderRadius = "5px";

tooltip.style.zIndex = "9999";

document.body.appendChild(tooltip);

whatsappLink.addEventListener("mouseleave", function() {

document.body.removeChild(tooltip);

});

});


/*

var scrollToTopButton = document.createElement("div");

scrollToTopButton.style.display = "none";

scrollToTopButton.style.position = "fixed";

scrollToTopButton.style.bottom = "30px";

scrollToTopButton.style.left = "30px";

scrollToTopButton.style.zIndex = "1000";

scrollToTopButton.style.width = "50px";

scrollToTopButton.style.height = "50px";

scrollToTopButton.style.cursor = "pointer";

scrollToTopButton.style.transition = "opacity 0.5s, transform 0.5s";

scrollToTopButton.style.background = 'url("https://up6.cc/2024/01/170573244043421.gif") no-repeat center';

scrollToTopButton.style.backgroundSize = "50px 50px";

scrollToTopButton.style.border = "2px solid #000";

scrollToTopButton.style.borderRadius = "50%";

document.body.appendChild(scrollToTopButton);

window.onscroll = function () {

if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {

scrollToTopButton.style.display = "block";

scrollToTopButton.style.opacity = 1;

scrollToTopButton.style.transform = "translateY(0)";

} else {

scrollToTopButton.style.opacity = 0;

scrollToTopButton.style.transform = "translateY(40px)";

}

};

scrollToTopButton.addEventListener("click", function () {

document.body.scrollTop = 0;

document.documentElement.scrollTop = 0;

});

*/














import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;


@WebServlet("/optimizeCLS")

public class OptimizeCLS extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html");

PrintWriter out = response.getWriter();


// HTML Content

out.println("<!DOCTYPE html>");

out.println("<html lang='en'>");

out.println("<head>");

out.println("<meta charset='UTF-8'>");

out.println("<meta name='viewport' content='width=device-width, initial-scale=1.0'>");

out.println("<title>Optimized CLS</title>");


// Load fonts efficiently

out.println("<link rel='preload' href='https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap' as='style' onload='this.onload=null;this.rel=\"stylesheet\"'>");

out.println("<noscript><link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'></noscript>");


out.println("<style>");

out.println("body { font-family: 'Roboto', sans-serif; }");

out.println(".image-container { width: 100%; max-width: 600px; margin: 0 auto; }");

out.println(".image-container img { width: 100%; height: auto; }");

out.println(".ad-placeholder { width: 100%; height: 100px; background-color: #f3f3f3; text-align: center; line-height: 100px; }");

out.println(".lazy-load { opacity: 0; transition: opacity 0.3s ease-in-out; }");

out.println(".lazy-load.lazy-loaded { opacity: 1; }");

out.println("</style>");


out.println("</head>");

out.println("<body>");


// Content with reserved space for images

out.println("<div class='image-container'>");

out.println("<img class='lazy-load' data-src='https://via.placeholder.com/600x400' alt='Placeholder Image'>");

out.println("</div>");


out.println("<div class='ad-placeholder'>Ad Space</div>");


out.println("<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>");


// Lazy loading script

out.println("<script>");

out.println("document.addEventListener('DOMContentLoaded', function() {");

out.println(" var lazyImages = [].slice.call(document.querySelectorAll('img.lazy-load'));");

out.println(" if ('IntersectionObserver' in window) {");

out.println(" let lazyImageObserver = new IntersectionObserver(function(entries, observer) {");

out.println(" entries.forEach(function(entry) {");

out.println(" if (entry.isIntersecting) {");

out.println(" let lazyImage = entry.target;");

out.println(" lazyImage.src = lazyImage.dataset.src;");

out.println(" lazyImage.classList.remove('lazy-load');");

out.println(" lazyImage.classList.add('lazy-loaded');");

out.println(" lazyImageObserver.unobserve(lazyImage);");

out.println(" }");

out.println(" });");

out.println(" });");

out.println(" lazyImages.forEach(function(lazyImage) {");

out.println(" lazyImageObserver.observe(lazyImage);");

out.println(" });");

out.println(" } else {");

out.println(" // Fallback for browsers that don't support IntersectionObserver");

out.println(" lazyImages.forEach(function(lazyImage) {");

out.println(" lazyImage.src = lazyImage.dataset.src;");

out.println(" lazyImage.classList.remove('lazy-load');");

out.println(" lazyImage.classList.add('lazy-loaded');");

out.println(" });");

out.println(" }");

out.println("});");

out.println("</script>");


out.println("</body>");

out.println("</html>");

}

}