/* Add custom Js code below */
/* Add custom Js code below */
document.addEventListener('DOMContentLoaded', function() {
     // Run searchMove only on mobile devices
  if (window.innerWidth <= 768) {
    searchMove();

  }
    buttonMove();

	// Create the main div element
	var headerDiv = document.createElement('div');
	headerDiv.className = 'headermobile';

	headerDiv.dir = 'rtl';
	headerDiv.innerHTML = `
            <div class="nav__menu" id="nav-menu">
                <ul class="nav__list">
                    <li class="nav__item"><a href="https://vmnt-store.com/ar" class="nav__link" id="home"><i class="bx bx-home-alt nav__icon"></i><span class="nav__name">الرئيسية</span></a></li>
                    <li class="nav__item"><a href="#skills" id="customNav" class="nav__link"><i class='bx bxs-category nav__icon'></i><span class="nav__name">الأقسام</span></a></li>
                    <li class="nav__item"><a href="https://vmnt-store.com/ar/cart" class="nav__link" id="cartMobile">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32" style="
    width: 28px;
    height: 32px;
    fill: white;
">
<title>cart</title>
<path d="M15.426 28.084c0-1.412-0.85-2.684-2.156-3.226-1.305-0.54-2.807-0.241-3.805 0.758-0.999 0.998-1.298 2.5-0.758 3.805 0.54 1.303 1.815 2.155 3.226 2.155 1.928-0.003 3.49-1.564 3.492-3.492h0.001zM10.597 28.084h0.001c0-0.54 0.326-1.027 0.825-1.235 0.498-0.206 1.074-0.091 1.455 0.29 0.383 0.382 0.497 0.957 0.29 1.456-0.208 0.5-0.695 0.825-1.235 0.825-0.355 0-0.695-0.142-0.944-0.391-0.251-0.251-0.392-0.591-0.392-0.946h-0.001l0.001 0.001zM28.23 28.084c0-1.412-0.85-2.684-2.155-3.226-1.305-0.54-2.807-0.241-3.806 0.758s-1.297 2.5-0.756 3.805c0.54 1.303 1.813 2.155 3.226 2.155 1.927-0.003 3.49-1.564 3.491-3.492zM23.401 28.084c0-0.54 0.326-1.027 0.825-1.235 0.5-0.206 1.075-0.091 1.457 0.29s0.497 0.957 0.289 1.456c-0.206 0.5-0.693 0.825-1.233 0.825-0.738 0-1.337-0.599-1.337-1.337l-0.001 0.001zM1.953 0.234l-0.342-0.059c-0.29-0.064-0.594-0.004-0.839 0.166-0.247 0.169-0.414 0.436-0.463 0.734-0.050 0.3 0.023 0.607 0.201 0.85s0.444 0.402 0.738 0.44l0.341 0.059c1.825 0.324 3.248 1.794 3.548 3.662l1.981 12.369h-0.001c0.218 1.387 0.913 2.651 1.96 3.563s2.379 1.412 3.754 1.41h14.242c0.601 0 1.088-0.498 1.088-1.112s-0.487-1.112-1.088-1.112h-14.242c-1.679-0.001-3.139-1.183-3.525-2.854h11.463c1.614 0.004 3.188-0.518 4.493-1.49 1.305-0.973 2.271-2.346 2.762-3.918l1.298-4.136c0.145-0.455 0.065-0.953-0.213-1.336-0.278-0.385-0.72-0.608-1.187-0.602h-20.467l-0.181-1.141c-0.218-1.367-0.849-2.631-1.802-3.615-0.954-0.983-2.184-1.64-3.518-1.878h-0.001zM26.946 9.096l-0.993 3.169v-0.001c-0.353 1.122-1.044 2.101-1.975 2.796s-2.056 1.067-3.208 1.067h-11.833l-1.125-7.042 19.134 0.011z"></path>
</svg>
                    <span class="nav__name">السلة</span></a></li>
                        <li class="nav__item"><a href="#about" id="signin" class="nav__link">
                   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="
    width: 27px;
    color: white;
    fill: white;
">
<title>user-circle</title>
<path d="M16 22.964c-4.525 0-8.447 1.713-9.993 4.365-0.371 0.636-0.156 1.452 0.48 1.823s1.453 0.156 1.823-0.48c0.855-1.465 3.624-3.041 7.689-3.041s6.835 1.576 7.689 3.041c0.249 0.424 0.696 0.661 1.155 0.661 0.228 0 0.459-0.059 0.669-0.181 0.637-0.371 0.852-1.187 0.48-1.823-1.545-2.652-5.467-4.365-9.992-4.365zM22.667 13.631c0-3.676-2.991-6.667-6.667-6.667s-6.667 2.991-6.667 6.667 2.991 6.667 6.667 6.667 6.667-2.992 6.667-6.667zM12 13.631c0-2.205 1.795-4 4-4s4 1.795 4 4-1.795 4-4 4-4-1.795-4-4zM16 0.297c-8.823 0-16 7.177-16 16 0 2.941 0.821 5.831 2.373 8.357 0.252 0.411 0.689 0.636 1.137 0.636 0.239 0 0.479-0.064 0.696-0.197 0.628-0.385 0.824-1.207 0.439-1.833-1.295-2.108-1.979-4.516-1.979-6.963 0-7.352 5.981-13.333 13.333-13.333s13.333 5.981 13.333 13.333c0 2.448-0.684 4.856-1.979 6.961-0.385 0.628-0.189 1.448 0.437 1.835 0.627 0.384 1.448 0.189 1.835-0.437 1.553-2.527 2.373-5.416 2.373-8.359 0-8.823-7.177-16-16-16z"></path>
</svg>
                    <span class="nav__name">التسجيل</span></a></li>
                </ul>
            </div>
     
       `;

	// Append the newly created elements to the body
	document.body.insertBefore(headerDiv, document.body.lastChild);


	// Add external stylesheet for icons
	var link = document.createElement('link');
	link.rel = 'stylesheet';
	link.href = 'https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css';
	document.head.appendChild(link);
	// checkCurrentPage();
		document.querySelector("#customNav").addEventListener("click", () => {
		document.querySelector(".menu-trigger").click()
	})
	
  const signinButton = document.querySelector('#signin');

  signinButton.addEventListener('click', (event) => {
    event.preventDefault(); // Prevent the default action of the anchor tag
    const userMenuTrigger = document.querySelector('.s-user-menu-trigger');

    if (userMenuTrigger) {
      console.log('User menu trigger found, attempting to click it.');
      setTimeout(() => {
        userMenuTrigger.click();
      }, 200); // Delay the click event by 100 milliseconds
    } else {
      	document.querySelector("#mainnav > div > div > div > div.header-user-cart.flex.items-center.justify-end.shrink-0 > button.header-btn").click()
    }
  });

	
	checkUserLogged();
});
const checkCurrentPage = () => {
	const path = window.location.pathname;
	if (path.includes("cart")) {
		document.getElementById("cartMobile").classList.add("active-link");
	} else {
		document.getElementById("home").classList.add("active-link");
	}




};


const buttonMove= ()=>{
// Select the element you want to move
var elementToMove = document.querySelector('.theme-mode-btn');

// Select the new parent element where you want the element to go
var newParent = document.querySelector('#mainnav > div > div > div > div.header-user-cart.flex.items-center.justify-end.shrink-0');
// Select the reference child element before which you want to insert your element
var referenceElement = newParent.children[0]; // example to insert at the beginning

// Move the element
newParent.insertBefore(elementToMove,referenceElement);

}


const searchMove = ()=>{
    var elementToMove = document.querySelector('salla-search');

    // Get the new parent element
    var newParent = document.querySelector('.header-user-cart');

    // Move the element
    newParent.appendChild(elementToMove);
}
const checkUserLogged = ()=>{
    if(_user_id == ''){
        console.log('not logged')
    }
    else{
document.querySelector('#signin > span').innerText = 'حسابي'
    }
}