/* Add custom Js code below */

// Define a unique ID for the button element
const buttonId = 'whatsapp-fixed-button'; 

// Function to check and hide the button if the current page is the Cart page
function checkAndHideButton() {
    const currentPath = window.location.pathname.toLowerCase(); 
    const button = document.getElementById(buttonId);
    
    if (button && (currentPath === '/cart' || currentPath === '/cart/')) {
        button.style.display = 'none';
    } else if (button) {
        button.style.display = 'flex'; 
    }
}


// --- REST OF YOUR ORIGINAL SCRIPT ---
const contactBtn = document.createElement('div');
contactBtn.id = buttonId; 

const prefilled = encodeURIComponent("السلام عليكم، لدي استفسار بخصوص قطعة غيار.");
const waLink = `https://wa.me/966592499658?text=${prefilled}`;

function getBottomOffset() {
    const width = window.innerWidth;
    if (width <= 480) return '120px';
    if (width <= 768) return '100px';
    return '20px';
}

contactBtn.innerHTML = `
    <a href="${waLink}" target="_blank" class="whatsapp-tracker-link" 
       onclick="dataLayer.push({'event': 'whatsapp_click_tracker'});" style=" /* <--- CRITICAL GTM ADDITION HERE */
      display: flex; 
      align-items: center;
      justify-content: center;
      gap: 10px;
      background-color: #25D366;
      color: white;
      font-weight: bold;
      padding: 12px 18px;
      border-radius: 50px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.25);
      position: fixed;
      bottom: ${getBottomOffset()};
      right: 20px;
      z-index: 9999;
      text-decoration: none;
      font-size: 14px;
      font-family: sans-serif;
      transition: all 0.3s ease;
      animation: pulse 2s infinite;
      max-width: 80%;
    ">
      <img src="https://img.icons8.com/ios-filled/24/ffffff/whatsapp.png" style="width: 20px; height: 20px;" alt="واتساب">
      هل لديك أي استفسار؟        
    </a>
`;

document.body.appendChild(contactBtn);

window.addEventListener('resize', () => {
    const link = contactBtn.querySelector('.whatsapp-tracker-link');
    link.style.bottom = getBottomOffset();
});

window.addEventListener('load', checkAndHideButton);
setTimeout(checkAndHideButton, 50);