<!DOCTYPE html>
<html b:version='2' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title>Wishlist - Jajali Bazar</title>
<b:skin><![CDATA[
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#222}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:auto;padding:0 12px}
.header, .nav{background:#fff;padding:14px;border-bottom:1px solid #e5e5e5}
.header .row, .nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}
.card{background:#fff;border-radius:8px;padding:10px;border:1px solid #e6e6e6;text-align:center}
.card img{width:100%;height:180px;object-fit:cover;border-radius:6px}
.btn{background:#ff9900;color:#000;padding:6px 10px;border-radius:4px;cursor:pointer;margin-top:6px}
@media(max-width:768px){.card img{height:120px}}
]]></b:skin>
</head>
<body>
<div class='header'>
<div class='container row'>
<div class='logo'><a href='/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyY-pmi2HQSxiGXBRj_pRM_DxsjFHq6JZRDF9jmbENMXi2tvcHMqRVFtgpenBixM7WM-V0xSiEcMJSUbqTMxLRt3ojwwwadz2279hJVpmQmj07vm6KI28gph3l7BkgVpe9bWgn16Ntc4cq3GwjirT4bfM2HS_ourasjujHsuzxkgNVZeOGT9wH10Xmmyt1/s1280/20260204_211956.jpg' alt='Jajali Bazar'/></a></div>
<div class='icons'>
<a href='/p/wishlist.html'>Wishlist</a>
<a href='/p/cart.html'>Cart</a>
<a href='#' id='loginBtn'>Login</a>
</div>
</div>
</div>
<div class='container'>
<h2>Your Wishlist</h2>
<div class='wishlist-grid' id='wishlistBody'></div>
</div>
<script src='https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js'></script>
<script src='https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js'></script>
<script>
// Firebase
var firebaseConfig={apiKey:"AIzaSyBDCevjICpq6_c7haNxHkZkMv_o8ZhEoFE",authDomain:"jajali-bazar-fireba-login.firebaseapp.com",projectId:"jajali-bazar-fireba-login"};
firebase.initializeApp(firebaseConfig);
firebase.auth().onAuthStateChanged(function(user){
const btn=document.getElementById('loginBtn');
if(user){btn.innerText="Logout";btn.onclick=function(){firebase.auth().signOut();location.reload();};}
else{btn.innerText="Login";btn.onclick=function(){var provider=new firebase.auth.GoogleAuthProvider();firebase.auth().signInWithPopup(provider);};}
});
// Wishlist Logic
function renderWishlist(){
let wish=JSON.parse(localStorage.getItem('wish')||'[]');
let html='';
wish.forEach((item,i)=>{
html+=`<div class='card'><img src='${item.img}'/><h4>${item.title}</h4><a class='btn' href='${item.url}'>Buy Now</a><button class='btn' onclick='removeWish(${i})'>Remove</button></div>`;
});
document.getElementById('wishlistBody').innerHTML=html;
}
function removeWish(i){
let wish=JSON.parse(localStorage.getItem('wish')||'[]');
wish.splice(i,1);
localStorage.setItem('wish',JSON.stringify(wish));
renderWishlist();
}
renderWishlist();
</script>
</body>
</html>
25%
