/* Add custom Js code below */ 
const metaViewport = document.querySelector('meta[name="viewport"]');
if (metaViewport) {
  metaViewport.content = "width=device-width, initial-scale=1, maximum-scale=5";
}


const logo = document.querySelector(".navbar-brand img");

logo.alt = "Rafal Logo";


const allImgs = document.querySelectorAll("salla-slider.photos-slider .swiper-slide img");


const allA = document.querySelectorAll("salla-slider.photos-slider .swiper-slide a");

allImgs.forEach((img, index) => {img.alt = `slider img ${index}`
  img.setAttribute("width", "100vh");
  img.setAttribute("height", "100vh");
  
});
allA.forEach((a, index) => a.setAttribute("aria-label", `a link ${index}`));

const menu = document.querySelector('a[href="#mobile-menu"]');
menu.setAttribute("aria-label", `mobile menu link `);


const userBtn = document.querySelector('.header-btn');

userBtn.setAttribute("aria-label", `userBtn link `);

// Create the WhatsApp button dynamically
const whatsappButton = document.createElement("button");
whatsappButton.id = "whatsapp-button";
whatsappButton.setAttribute("aria-label", "whatsapp-button-label");
whatsappButton.className = "whatsapp-button";
whatsappButton.innerHTML = `
  
 <a href="https://wa.me/966599993383" target="_blank" title="Open WhatsApp in a new window">
 <img src="https://i.postimg.cc/W1HNWds6/372108180-WHATSAPP-ICON-400.gif" alt="whatsapp-btn" width="100vh" height="100vh">
 </a>
  
`;

// Insert the WhatsApp button into the body of the page
document.body.appendChild(whatsappButton);