dashboard.js

const allSideMenu = document.querySelectorAll('#sidebar .side-menu.top li a');

allSideMenu.forEach(item=> {
	const li = item.parentElement;

	item.addEventListener('click', function () {
		allSideMenu.forEach(i=> {
			i.parentElement.classList.remove('active');
		})
		li.classList.add('active');
	})
});




// TOGGLE SIDEBAR
const menuBar = document.querySelector('#content nav .bx.bx-menu');
const sidebar = document.getElementById('sidebar');

menuBar.addEventListener('click', function () {
	sidebar.classList.toggle('hide');
})







const searchButton = document.querySelector('#content nav form .form-input button');
const searchButtonIcon = document.querySelector('#content nav form .form-input button .bx');
const searchForm = document.querySelector('#content nav form');

searchButton.addEventListener('click', function (e) {
	if(window.innerWidth < 576) {
		e.preventDefault();
		searchForm.classList.toggle('show');
		if(searchForm.classList.contains('show')) {
			searchButtonIcon.classList.replace('bx-search', 'bx-x');
		} else {
			searchButtonIcon.classList.replace('bx-x', 'bx-search');
		}
	}
})





if(window.innerWidth < 768) {
	sidebar.classList.add('hide');
} else if(window.innerWidth > 576) {
	searchButtonIcon.classList.replace('bx-x', 'bx-search');
	searchForm.classList.remove('show');
}


window.addEventListener('resize', function () {
	if(this.innerWidth > 576) {
		searchButtonIcon.classList.replace('bx-x', 'bx-search');
		searchForm.classList.remove('show');
	}
})



const switchMode = document.getElementById('switch-mode');

switchMode.addEventListener('change', function () {
	if(this.checked) {
		document.body.classList.add('dark');
	} else {
		document.body.classList.remove('dark');
	}
})


/// here data comes from cart page local storage 
let Name=JSON.parse(localStorage.getItem(""))||[]

let admin_arr=JSON.parse(localStorage.getItem(""))||[]

 //console.log(admin_arr,"hi")


let tbod=document.querySelector("tbody")


showing(admin_arr)

function showing(admin_arr){


    let datado=`

    ${
        
    admin_arr.map((elem,i)=>
        creatingrow(elem,i)
    ).join("")

    }
    
    
  
    
    `



    tbod.innerHTML=datado




}
function creatingrow(elem,i){
    console.log(elem.price)
    let row=`
    
    <tr>  ${Name} </tr>   

    <tr>      <img src=${elem.image}  </tr>
    
    <tr>        ${elem.title}  </tr>
    

    <tr>  ${elem.price}</tr>


`
return row

}


//

// 

//

//