/* ========== START OF SNOW EFFECT ========== */

/*function addSnowflakes() {
  const snowflakesContainer = document.createElement('div');
  snowflakesContainer.className = 'snowflakes';

  for (let i = 0; i < 24; i++) {
    const snowflake = document.createElement('div');
    snowflake.className = 'snowflake';
    snowflake.innerHTML = '❅';
    snowflakesContainer.appendChild(snowflake);
  }

  document.body.appendChild(snowflakesContainer);

  return snowflakesContainer;
}

function removeSnowflakes(container) {
  if (container && container.parentNode) {
    container.parentNode.removeChild(container);
  }
}

const snowflakesContainer = addSnowflakes();

// Set a timeout to remove the snowflakes after 10 seconds (adjust as needed)
setTimeout(() => {
  removeSnowflakes(snowflakesContainer);
}, 30000);
*/
/* ================================ */
const arabicNavigationHTML = `
    <div class="nav-div nav-mob">
        <div>
            <ul>
                <li>
                    <a href="https://lordmilanome.com/ar/%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%AA%D9%86%D8%A7-%D8%A7%D9%84%D8%B9%D8%B7%D8%B1%D9%8A%D8%A9/c707943805?lang=ar">
                        مجموعاتنا العطرية
                    </a>
                </li>
<li>
                    <a href="#" id="nav-search" onclick="salla.event.dispatch('search::open')">
                        ابحث
                    </a>
                </li>
                <li>
                    <a href="https://lordmilanome.com/ar/%D8%A5%D8%A8%D8%AF%D8%A7%D8%B9%D8%A7%D8%AA-%D9%84%D9%88%D8%B1%D8%AF-%D9%85%D9%8A%D9%84%D8%A7%D9%86%D9%88-%D9%84%D9%84%D8%A5%D9%87%D8%AF%D8%A7%D8%A1/c244350039?lang=ar" class="nav-shop">
                        إبداعاتنا في الهدايا
                    </a>
                </li>
            </ul>
        </div>
    </div>
`;

const englishNavigationHTML = `
    <div class="nav-div nav-mob">
        <div>
            <ul>
                <li>
                    <a href="https://lordmilanome.com/en/%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%AA%D9%86%D8%A7-%D8%A7%D9%84%D8%B9%D8%B7%D8%B1%D9%8A%D8%A9/c707943805?lang=en">
                        Discover our perfumes
                    </a>
                </li>
<li>
                    <a href="#" id="nav-search" onclick="salla.event.dispatch('search::open')">
                        Explore
                    </a>
                </li>
                <li>
                    <a href="https://lordmilanome.com/en/%D8%A5%D8%A8%D8%AF%D8%A7%D8%B9%D8%A7%D8%AA-%D9%84%D9%88%D8%B1%D8%AF-%D9%85%D9%8A%D9%84%D8%A7%D9%86%D9%88-%D9%84%D9%84%D8%A5%D9%87%D8%AF%D8%A7%D8%A1/c244350039?lang=en" class="nav-shop">
                        Luxury Gifts
                    </a>
                </li>
            </ul>
        </div>
    </div>
`;


if (window.location.pathname.includes('/ar') || window.location.search.includes('lang=ar')) {
    insertNavigation(arabicNavigationHTML);
    console.log("1");
} else if (window.location.pathname.includes('/en') || window.location.search.includes('lang=en')) {
    insertNavigation(englishNavigationHTML);
    console.log("2");
} else {
    insertNavigation(englishNavigationHTML);
    console.log("3");
}

function insertNavigation(navigationHTML) {
    const appElement = document.getElementById('app');
    const headerComponentsElementMobil = appElement.querySelector('.index .store-header');
    const headerComponentsElementDisckTop = appElement.querySelector('.index .store-header .right-side > .justify-start');

    const navigationContainer = document.createElement('div');
    navigationContainer.innerHTML = navigationHTML;

    const navigationCopy = navigationContainer.cloneNode(true);

    headerComponentsElementMobil.appendChild(navigationContainer);
    headerComponentsElementDisckTop.appendChild(navigationCopy);
}

/* ================================================ */