-1;
return ''
+ '
'
+ (p.badge ? '
' + p.badge + '
' : '')
+ '
'
+ '
' + p.icon + ''
+ '
'
+ '
'
+ '
' + p.brand + '
'
+ '
' + p.name + '
'
+ '
' + stars + '(' + p.reviews.toLocaleString('en-IN') + ')
'
+ '
'
+ '₹' + p.price.toLocaleString('en-IN') + ''
+ '₹' + p.orig.toLocaleString('en-IN') + ''
+ '' + disc + '% off'
+ '
'
+ (p.eco ? '
♻ Recrafted · Rural Jobs
' : '')
+ '
'
+ ''
+ ''
+ '
'
+ '
'
+ '
'
+ '
' + c.i + '
'
+ '
' + c.n + '
'
+ '
' + c.c + '
'
+ '
'+col.h+'
' + col.l.map(function(l){return ''+l+'';}).join('');
});
}
// ════════════════════════════════════════════════════════════════
// CATEGORIES PAGE
// ════════════════════════════════════════════════════════════════
var catTabActive = 'all';
function renderCategoriesPage(cat) {
if (cat) catTabActive = cat;
ss('catPageTitleEl', T.catPageTitle, false);
ss('catPageBcEl', T.catPageTitle, false);
ss('filterTitleEl', T.filterTitle, false);
ss('ecoChkLblEl', T.ecoChkL, false);
var te = document.getElementById('catTabsEl');
if (te) {
te.innerHTML = T.catTabs.map(function(tab, i) {
var key = T.catTabKeys[i];
return '';
}).join('');
}
renderCatProducts();
}
function renderCatProducts() {
var priceFilter = (document.querySelector('input[name="price"]:checked') || {value:''}).value;
var sortVal = (document.getElementById('sortSelectEl') || {value:''}).value;
var ecoOnly = (document.getElementById('ecoCheckEl') || {checked:false}).checked;
var filtered = allProducts.filter(function(p) {
if (catTabActive && catTabActive !== 'all' && p.cat !== catTabActive) return false;
if (ecoOnly && !p.eco) return false;
if (priceFilter) {
var parts = priceFilter.split('-');
var min = parseInt(parts[0]);
var max = parts[1] === '+' ? Infinity : parseInt(parts[1]);
if (p.price < min || p.price > max) return false;
}
return true;
});
if (sortVal === 'price_asc') filtered.sort(function(a,b){return a.price-b.price;});
else if (sortVal === 'price_desc') filtered.sort(function(a,b){return b.price-a.price;});
else if (sortVal === 'rating') filtered.sort(function(a,b){return b.rating-a.rating;});
else filtered.sort(function(a,b){return b.reviews-a.reviews;});
ss('showingEl', T.showingL, false);
ss('prodCountEl', filtered.length + ' products', false);
renderGrid('catProductsEl', filtered);
}
function doSearch() {
var q = (document.getElementById('searchInpEl') || {value:''}).value.toLowerCase().trim();
if (!q) return;
var results = allProducts.filter(function(p) {
return p.name.toLowerCase().includes(q) || p.brand.toLowerCase().includes(q) || p.cat.toLowerCase().includes(q);
});
showPage('categories');
catTabActive = 'all';
renderCategoriesPage();
renderGrid('catProductsEl', results);
ss('prodCountEl', results.length + ' results for "' + q + '"', false);
}
// ════════════════════════════════════════════════════════════════
// TONE CONTENT
// ════════════════════════════════════════════════════════════════
var V = {
topbar:'🔄 90 Din Easy Return — Kisi bhi condition mein FREE! | 🚀 FREE Delivery above ₹499 | ⚡ Instant Refund | 📧 Team.Support@hubooze.in',
searchPh:'Kuch bhi dhundhein...', locLbl:'Yahan deliver karo',
signIn:'Login', myAcc:'Mera Account', ordLbl:'Orders', retLbl:'& Returns', cartLbl:'Cart',
timerEnd:'Khatam hoga:', tlh:'GHANTE',
addCartL:'Cart Mein Daalo', buyNowL:'Abhi Kharido',
addedMsg:function(n){return '"'+n+'" cart mein add ho gaya! 🛒';},
savedTabLbl:'Save Kiya', wishTabLbl:'Wishlist',
saveForLaterLbl:'Baad ke liye save karo',
savedEmptyP:'Koi item save nahi kiya.',
wishEmptyP:'Wishlist khaali hai. ♡ dabao products pe.',
sumSubL:'Subtotal', sumDiscL:'Discount', sumCouponL:'Coupon discount', sumDelivL:'Delivery',
retGuaranteeText:'90 Din FREE return — kisi bhi condition mein!',
checkoutBtn:'Checkout Karo →', continueBtn:'Shopping Jari Rakho',
suggestTitleL:'Aapko yeh bhi pasand aayega',
heroBadge:'♻ India ki Eco Commerce',
heroH1:'Khareedein Aaram Se.
Return Karen Free Mein.
♻ Recycle Hoga Sab!',
heroSub:'Hubooze par 90 din tak return kar sakte hain — kisi bhi condition mein! Instant refund milega.',
rbTitle:'90 Din Easy Return — Bilkul FREE!', rbDesc:'Na pasand aaye to 90 din mein wapas bhejo. Pickup free, refund instant!',
hcta1:'Abhi Khareedein →', hcta2:'Return Policy Dekho 🔄',
hs2:'Din Return', hs3:'Instant Refund', hcBadge:'NAYA COLLECTION',
hcTitle:'Ethnic Festive Collection', hcDesc:'Rural artisans ke haath se bane', hcPrice:'Sirf ₹299 se',
flashPill:'⚡ FLASH SALE',
catTitle:'Category se Khareedein',
cats:[{i:'😉',n:'Kapde & Fashion',c:'12,000+',cat:'fashion',hl:true},{i:'🏠',n:'Ghar & Rasoi',c:'8,400+',cat:'home'},{i:'🤜',n:'Roz Ka Saman',c:'6,200+',cat:'daily'},{i:'📱',n:'Electronics',c:'5,700+',cat:'electronics'},{i:'🍺',n:'Desi/Handmade',c:'3,100+',cat:'handmade',hl:true},{i:'🏷',n:'Offers',c:'2,800+',cat:''},{i:'👟',n:'Joote',c:'4,300+',cat:'fashion'},{i:'🮸',n:'Bacchon ka Saman',c:'3,600+',cat:'daily'}],
b1t:'Recrafted', b1s:'Return se bana naya product', b3t:'90 Din Return',
trendTitle:'🔥 Trending Products',
ecoH:'Desi Artisans ka Kaam', ecoP:'Yahan har product ek returned item tha.',
handTitle:'🍺 Desi & Handmade',
elecTitle:'📱 Electronics & Gadgets',
trustTitle:'Hubooze pe kyun Bharosa?',
t1h:'90 Din Return', t1p:'90 puri dinon tak return karo.',
t2h:'Instant Refund', t2p:'Return approve hote hi turant paisa wapas.',
t3h:'Free Delivery', t3p:'₹499 se upar delivery bilkul muft.',
t4h:'Return = Recycle', t4p:'Rural artisans se naya product banta hai.',
fashTitle:'😉 Fashion Picks',
selBadge:'Seller Bano', selTitle:'Hubooze pe Bechna Shuru Karo',
selSub:'Apna samaan list karo — bilkul free mein.', selBtn:'Seller Bano →',
catPageTitle:'Sab Categories', filterTitle:'FILTER & SORT',
catTabs:['Sab','Fashion','Electronics','Ghar','Roz Ka Saman','Desi/Handmade'],
catTabKeys:['all','fashion','electronics','home','daily','handmade'],
showingL:'Products dikh rahe hain:', ecoChkL:'Sirf Recrafted Dikhao',
navItems:[{t:'🔥 Aaj ke Deals',c:'hot',pg:''},{t:'🏠 Home',c:'nactive',pg:'home'},{t:'😉 Fashion',c:'',pg:'categories',cat:'fashion'},{t:'📱 Electronics',c:'',pg:'categories',cat:'electronics'},{t:'♻ Desi/Handmade',c:'special',pg:'categories',cat:'handmade'},{t:'🏷 Offers',c:'',pg:'categories',cat:''},{t:'🧑 Seller Bano',c:'',pg:'seller'},{t:'🔄 Return Policy',c:'',pg:'returns'},{t:'⚖ Admin',c:'',pg:'admin',adminOnly:true}],
fc1:{h:'Shopping',l:['Kapde & Fashion','Electronics','Ghar & Rasoi','Roz Ka Saman','Desi/Handmade','Offers']},
fc2:{h:'Customer',l:['Mera Account','Order Track Karo','Return Karo','Wishlist','Help & Support']},
fc3:{h:'Sellers',l:['Seller Bano','Seller Dashboard','Seller Support','Payment Info']},
fc4:{h:'Company',l:['Hamare Baare Mein','Recycle Mission','Rural Jobs','Contact Us']},
footDesc:'India ki pehli return-to-recycle marketplace.',
footCopy:'2025 Hubooze. Sab haq surakshit. ♻ Made with love in India.',
mnHome:'Home', mnCat:'Category', mnRet:'Return', mnCart:'Cart', mnAcc:'Account',
toneToast:'🏡 Village mode on!'
};
var N = {
topbar:'🔄 90-Day Easy Returns — Any condition, FREE! | 🚀 Free Delivery above ₹499 | ⚡ Instant Refund | 📧 Team.Support@hubooze.in',
searchPh:'Search products, brands and more...', locLbl:'Deliver to',
signIn:'Sign In', myAcc:'My Account', ordLbl:'Returns', retLbl:'& Orders', cartLbl:'Cart',
timerEnd:'Ends in:', tlh:'HRS',
addCartL:'Add to Cart', buyNowL:'Buy Now',
addedMsg:function(n){return '"'+n+'" added to cart! 🛒';},
savedTabLbl:'Saved', wishTabLbl:'Wishlist',
saveForLaterLbl:'Save for later',
savedEmptyP:'No items saved for later.',
wishEmptyP:'Your wishlist is empty. Click ♡ on any product.',
sumSubL:'Subtotal', sumDiscL:'Discount', sumCouponL:'Coupon discount', sumDelivL:'Delivery',
retGuaranteeText:'90-Day free returns on all items — any condition!',
checkoutBtn:'Proceed to Checkout →', continueBtn:'Continue Shopping',
suggestTitleL:'You might also like',
heroBadge:"♻ India's Eco-Commerce",
heroH1:'Shop Smart.
Return Freely.
♻ Recycle Everything.',
heroSub:'Shop with confidence. 90-day returns on everything — any condition. Instant refunds and free pickup.',
rbTitle:'90-Day Easy Returns — Always FREE!', rbDesc:'Changed your mind? Return within 90 days. Free pickup, instant refund.',
hcta1:'Shop Now →', hcta2:'View Return Policy 🔄',
hs2:'Day Returns', hs3:'Instant Refund', hcBadge:'NEW ARRIVAL',
hcTitle:'Ethnic Festive Collection', hcDesc:'Handcrafted by rural artisans', hcPrice:'From ₹299',
flashPill:'⚡ FLASH DEALS',
catTitle:'Shop by Category',
cats:[{i:'😉',n:'Fashion',c:'12,000+',cat:'fashion',hl:true},{i:'🏠',n:'Home & Kitchen',c:'8,400+',cat:'home'},{i:'🤜',n:'Daily Use',c:'6,200+',cat:'daily'},{i:'📱',n:'Electronics',c:'5,700+',cat:'electronics'},{i:'🍺',n:'Handmade/Rural',c:'3,100+',cat:'handmade',hl:true},{i:'🏷',n:'Offers',c:'2,800+',cat:''},{i:'👟',n:'Footwear',c:'4,300+',cat:'fashion'},{i:'🮸',n:'Kids & Baby',c:'3,600+',cat:'daily'}],
b1t:'Recrafted', b1s:'From returned items → new life', b3t:'90-Day Returns',
trendTitle:'🔥 Trending Now',
ecoH:'Recrafted by Rural Artisans', ecoP:'Every product here was once a return.',
handTitle:'🍺 Handmade & Rural',
elecTitle:'📱 Electronics & Accessories',
trustTitle:'Why Hubooze?',
t1h:'90-Day Returns', t1p:'Return anything within 90 days — any condition.',
t2h:'Instant Refund', t2p:'Refund credited immediately upon return approval.',
t3h:'Free Delivery', t3p:'Free shipping on all orders above ₹499.',
t4h:'Returns → Recycled', t4p:"Rural artisans turn your return into a new product.",
fashTitle:'😉 Fashion Picks',
selBadge:'Become a Seller', selTitle:'Start Selling on Hubooze Today',
selSub:'List your products for free. Zero commission for first 3 months!', selBtn:'Register as Seller →',
catPageTitle:'All Categories', filterTitle:'FILTER & SORT',
catTabs:['All','Fashion','Electronics','Home','Daily Use','Handmade'],
catTabKeys:['all','fashion','electronics','home','daily','handmade'],
showingL:'Showing products:', ecoChkL:'Show Recrafted Only',
navItems:[{t:"🔥 Today's Deals",c:'hot',pg:''},{t:'🏠 Home',c:'nactive',pg:'home'},{t:'😉 Fashion',c:'',pg:'categories',cat:'fashion'},{t:'📱 Electronics',c:'',pg:'categories',cat:'electronics'},{t:'♻ Handmade/Rural',c:'special',pg:'categories',cat:'handmade'},{t:'🏷 Offers',c:'',pg:'categories',cat:''},{t:'🧑 Sell on Hubooze',c:'',pg:'seller'},{t:'🔄 Return Policy',c:'',pg:'returns'},{t:'⚖ Admin',c:'',pg:'admin',adminOnly:true}],
fc1:{h:'Shop',l:['Fashion','Electronics','Home & Kitchen','Daily Use','Handmade/Rural','Offers']},
fc2:{h:'Customer',l:['My Account','Track Order','Return & Refund','Wishlist','Help & Support']},
fc3:{h:'Sellers',l:['Sell on Hubooze','Seller Dashboard','Seller Support','Payout Info']},
fc4:{h:'Company',l:['About Us','Recycle Mission','Rural Jobs Program','Contact Us']},
footDesc:"India's first return-to-recycle marketplace. Shop, return, and support rural artisans.",
footCopy:'2025 Hubooze. All rights reserved. ♻ Made with love in India.',
mnHome:'Home', mnCat:'Categories', mnRet:'Returns', mnCart:'Cart', mnAcc:'Account',
toneToast:'🌆 Normal mode on!'
};
var T = V;
// ════════════════════════════════════════════════════════════════
// SHARED UTILS
// ════════════════════════════════════════════════════════════════
function ss(id, v, html) {
var el = document.getElementById(id);
if (!el || v === undefined || v === null) return;
if (html) el.innerHTML = v; else el.textContent = v;
}
function showToast(msg, type) {
var t = document.getElementById('toastEl');
var icons = {success:'✓', error:'✗', info:'ℹ'};
document.getElementById('toastIcon').innerHTML = icons[type||'success'] || icons.success;
document.getElementById('toastMsg').innerHTML = msg;
t.className = 'toast ' + (type||'') + ' show';
setTimeout(function(){t.className='toast '+(type||'');}, 3000);
}
// ════════════════════════════════════════════════════════════════
// TONE SWITCH
// ════════════════════════════════════════════════════════════════
function setTone(tone) {
T = (tone === 'village') ? V : N;
document.body.className = (tone === 'village') ? 'village' : '';
document.getElementById('btnV').className = 'tbtn' + (tone==='village'?' active':'');
document.getElementById('btnN').className = 'tbtn' + (tone==='normal'?' active':'');
// Header
ss('topbarEl', T.topbar, true);
ss('locLblEl', T.locLbl, false);
ss('hdrSignEl', T.signIn, false); ss('hdrAccEl', T.myAcc, false);
ss('hdrOrdEl', T.ordLbl, false); ss('hdrRetEl', T.retLbl, false);
ss('hdrCartEl', T.cartLbl, false);
var si = document.getElementById('searchInpEl'); if(si) si.placeholder = T.searchPh;
// Mob nav
ss('mnHomeLbl',T.mnHome,false); ss('mnCatLbl',T.mnCat,false);
ss('mnRetLbl',T.mnRet,false); ss('mnCartLbl',T.mnCart,false); ss('mnAccLbl',T.mnAcc,false);
// Cart texts
ss('cartTitleEl', '🛒 ' + T.cartLbl, true);
ss('retGuaranteeText', T.retGuaranteeText, true);
ss('checkoutBtn', T.checkoutBtn, true);
ss('continueBtn', T.continueBtn, true);
ss('sumSubL', T.sumSubL, false);
ss('sumDiscL', T.sumDiscL, false);
ss('sumCouponL', T.sumCouponL, false);
ss('sumDelivL', T.sumDelivL, false);
ss('sumTotalL', 'Total', false);
ss('suggestTitleEl', T.suggestTitleL, false);
ss('cartEmptyH', T.cartLbl + ' Empty', false);
ss('cartEmptyP', 'Add products you love.', false);
// Nav
renderNav();
// Home
renderHomeContent();
// Current page specific
if (currentPage === 'categories') renderCategoriesPage();
// Tabs
var ts = document.getElementById('tab-saved');
var tw = document.getElementById('tab-wishlist');
if (ts) ts.textContent = T.savedTabLbl + ' (' + savedItems.length + ')';
if (tw) tw.textContent = T.wishTabLbl + ' (' + wishlist.length + ')';
var tabItems = document.getElementById('tab-items');
if (tabItems) tabItems.textContent = T.cartLbl;
showToast(T.toneToast, 'success');
}
// ════════════════════════════════════════════════════════════════
// PAGE NAV
// ════════════════════════════════════════════════════════════════
var currentPage = 'home';
function showPage(name, cat) {
currentPage = name;
['home','categories','returns','account','orders','seller','admin','checkout','notifications'].forEach(function(p) {
var el = document.getElementById('page-'+p);
if (el) el.className = 'page' + (p===name?' active':'');
});
['mnHome','mnCat','mnRet','mnAcc'].forEach(function(id, i) {
var el = document.getElementById(id);
if (el) el.className = 'mob-btn' + (['home','categories','returns','account'][i]===name?' nactive':'');
});
renderNav();
if (name === 'categories') { renderCategoriesPage(cat); }
if (name === 'orders') { if (typeof renderOrdersPage === 'function') renderOrdersPage(); }
if (name === 'seller') { if (typeof renderSellerPage === 'function') renderSellerPage(); }
if (name === 'account') { if (typeof renderAccountPage === 'function') renderAccountPage(); }
if (name === 'admin') { if (typeof renderAdminPanel === 'function') renderAdminPanel(); }
if (name === 'checkout') { if (typeof renderCheckoutPage === 'function') renderCheckoutPage(); }
if (name === 'notifications') { if (typeof renderNotificationsPage === 'function') renderNotificationsPage(); }
window.scrollTo(0, 0);
}
function renderNav() {
var nav = document.getElementById('mainNavEl'); if (!nav) return;
nav.innerHTML = T.navItems.map(function(n) {
var cls = 'nav-link ' + n.c + (n.pg === currentPage ? ' nactive' : '');
if (n.adminOnly && (!currentUser || currentUser.role !== 'admin')) return '';
var oc = n.pg ? 'onclick="showPage(\'' + n.pg + '\'' + (n.cat ? ',\'' + n.cat + '\'' : '') + ')"' : '';
return '' + n.t + '';
}).join('');
}
// ════════════════════════════════════════════════════════════════
// TIMER
// ════════════════════════════════════════════════════════════════
var timerSec = 4*3600 + 27*60 + 33;
function tick() {
if (timerSec > 0) timerSec--;
var h=Math.floor(timerSec/3600), m=Math.floor((timerSec%3600)/60), s=timerSec%60;
var th=document.getElementById('timerH'), tm=document.getElementById('timerM'), ts=document.getElementById('timerS');
if(th) th.textContent = String(h).padStart(2,'0');
if(tm) tm.textContent = String(m).padStart(2,'0');
if(ts) ts.textContent = String(s).padStart(2,'0');
}
setInterval(tick, 1000); tick();
// ════════════════════════════════════════════════════════════════
// SCROLL ANIMATE
// ════════════════════════════════════════════════════════════════
var obs = new IntersectionObserver(function(entries) {
entries.forEach(function(e) {
if (e.isIntersecting) {
e.target.style.opacity = '1'; e.target.style.transform = 'translateY(0)';
e.target.style.transition = 'opacity .55s ease, transform .55s ease';
}
});
}, {threshold: 0.06});
document.querySelectorAll('.section').forEach(function(el) {
el.style.opacity = '0'; el.style.transform = 'translateY(24px)'; obs.observe(el);
});
// ════════════════════════════════════════════════════════════════
// INIT
// ════════════════════════════════════════════════════════════════
loadCartState();
setTone('village');
showPage('home');
updateCartBadge(false);
// ════════════════════════════════════════════════════════════════
// AUTH / USER SYSTEM
// ════════════════════════════════════════════════════════════════
var DEMO_USERS = {
'priya@demo.com': {id:'u1', name:'Priya Sharma', email:'priya@demo.com', phone:'9999999999', city:'Indore', password:'demo123', role:'customer'},
'amit@demo.com': {id:'u2', name:'Amit Kumar', email:'amit@demo.com', phone:'8888888888', city:'Pithampur', password:'demo123', role:'seller', businessName:'AK Textiles'},
'admin@hubooze.in':{id:'u3',name:'Admin User', email:'admin@hubooze.in',phone:'7777777777',city:'Indore', password:'admin123', role:'admin'}
};
var currentUser = null;
var registeredUsers = {};
function loadUsers() {
try { registeredUsers = JSON.parse(localStorage.getItem('hb_users') || '{}'); } catch(e) { registeredUsers = {}; }
try {
var saved = localStorage.getItem('hb_session');
if (saved) { currentUser = JSON.parse(saved); }
} catch(e) {}
}
function saveUsers() { localStorage.setItem('hb_users', JSON.stringify(registeredUsers)); }
// ── LOGIN HELPER ─────────────────────────────────────────────
function showLoginOverlay(msg) { return {}; }
function hideLoginOverlay(timers) {}
function callLoginAPI(email, password, role, cb) {
fetch('/api/auth/login', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({email:email, password:password})
})
.then(function(r){ return r.json().then(function(d){ return {ok:r.ok, data:d}; }); })
.then(function(res){
if (!res.ok) { showToast(res.data.error||'Login failed','error'); return; }
if (role && res.data.user.role!==role && !(role==='seller' && res.data.user.role==='admin')) {
showToast('Wrong portal. This is a '+res.data.user.role+' account.','error'); return;
}
var user = res.data.user; var token = res.data.token;
localStorage.setItem('hb_token', token);
localStorage.setItem('token', token);
try { localStorage.setItem('hb_session', JSON.stringify(user)); } catch(e) {}
currentUser = user;
if (window.api) window.api.token = res.data.token;
try { updateHeaderAuth(); } catch(e) {}
try { renderNav(); } catch(e) {}
showToast('Welcome ' + res.data.user.name.split(' ')[0] + '! 🎉', 'success');
setTimeout(function(){
try {
if (res.data.user.role==='admin') showPage('admin');
else if (res.data.user.role==='seller') showPage('seller');
else showPage('account');
} catch(e) {}
}, 300);
if (cb) cb(res.data.user);
})
.catch(function(){ showToast('Connection error. Please try again.','error'); });
}
function doLogin() {
var email = (document.getElementById('loginEmail')||{value:''}).value.trim().toLowerCase();
var pass = (document.getElementById('loginPass') ||{value:''}).value;
if (!email || !pass) { showToast('Please enter email and password','error'); return; }
var btn = document.querySelector('#cLoginForm .portal-submit');
if (btn) { btn.textContent = 'Please wait...'; btn.disabled = true; }
fetch('/api/auth/login', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({email:email, password:pass})
})
.then(function(r){ return r.json().then(function(d){return{ok:r.ok,data:d};}); })
.then(function(res){
if (btn) { btn.innerHTML='Login →'; btn.disabled=false; }
if (!res.ok) { showToast(res.data.error||'Login failed','error'); return; }
localStorage.setItem('hb_token', res.data.token);
localStorage.setItem('hb_session', JSON.stringify(res.data.user));
localStorage.setItem('hb_after_login', res.data.user.role==='admin'?'admin':(res.data.user.role==='seller'?'seller':'account'));
window.location.reload();
})
.catch(function(){
if (btn) { btn.innerHTML='Login →'; btn.disabled=false; }
showToast('Cannot reach server. Please try again.','error');
});
}
function doRegister() {
// Overridden by app.js
showToast('Connecting...', 'info');
}
function loginSuccess(user) {
currentUser = user;
try { localStorage.setItem('hb_session', JSON.stringify(user)); } catch(e) {}
try { updateHeaderAuth(); } catch(e) {}
try { renderNav(); } catch(e) {}
}
function doLogout() {
currentUser = null;
localStorage.removeItem('hb_session');
localStorage.removeItem('hb_token');
if (window.api) window.api.token = null;
updateHeaderAuth();
renderNav();
showToast('Logged out successfully', 'info');
showPage('account');
}
function updateHeaderAuth() {
var signEl = document.getElementById('hdrSignEl');
var accEl = document.getElementById('hdrAccEl');
if (currentUser) {
if (signEl) signEl.textContent = currentUser.name.split(' ')[0];
if (accEl) accEl.textContent = T.myAcc || 'My Account';
} else {
if (signEl) signEl.textContent = T.signIn || 'Login';
if (accEl) accEl.textContent = T.myAcc || 'Account';
}
// Always re-render nav so role-specific links (Admin) show/hide correctly
if (typeof renderNav === 'function') renderNav();
}
function fillDemo(type) {
var map = {customer:{e:'priya@demo.com',p:'demo123'}, seller:{e:'amit@demo.com',p:'demo123'}, admin:{e:'admin@hubooze.in',p:'admin123'}};
var d = map[type]; if (!d) return;
var ei = document.getElementById('loginEmail'); if(ei) ei.value = d.e;
var pi = document.getElementById('loginPass'); if(pi) pi.value = d.p;
showToast('Credentials filled — click Login!', 'info');
}
function switchAuthTab(tab) {
var btnL = document.getElementById('authTabLogin');
var btnR = document.getElementById('authTabReg');
var lf = document.getElementById('loginFormWrap');
var rf = document.getElementById('registerFormWrap');
if (tab === 'login') {
if (btnL) btnL.className = 'auth-tab-btn active';
if (btnR) btnR.className = 'auth-tab-btn';
if (lf) lf.style.display = '';
if (rf) rf.style.display = 'none';
} else {
if (btnL) btnL.className = 'auth-tab-btn';
if (btnR) btnR.className = 'auth-tab-btn active';
if (lf) lf.style.display = 'none';
if (rf) rf.style.display = '';
}
}
// ════════════════════════════════════════════════════════════════
// ACCOUNT PAGE
// ════════════════════════════════════════════════════════════════
var accSection = 'profile';
// ════════════════════════════════════════════════════════════════
// PORTAL SYSTEM — 3 Separate Login Portals
// ════════════════════════════════════════════════════════════════
var activePortal = null; // 'customer' | 'seller' | 'admin'
function openPortal(type) {
activePortal = type;
document.getElementById('portalChoiceScreen').style.display = 'none';
['customer','seller','admin'].forEach(function(p) {
var el = document.getElementById(p + 'Portal');
if (el) el.style.display = (p === type) ? 'block' : 'none';
});
}
function closePortal() {
activePortal = null;
document.getElementById('portalChoiceScreen').style.display = 'block';
['customer','seller','admin'].forEach(function(p) {
var el = document.getElementById(p + 'Portal');
if (el) el.style.display = 'none';
});
}
function switchPortalTab(portal, tab) {
if (portal === 'customer') {
var lf = document.getElementById('cLoginForm');
var rf = document.getElementById('cRegForm');
var bl = document.getElementById('cTabLogin');
var br = document.getElementById('cTabReg');
if (tab === 'login') {
if (lf) lf.style.display = ''; if (rf) rf.style.display = 'none';
if (bl) bl.className = 'plt-btn active'; if (br) br.className = 'plt-btn';
} else {
if (lf) lf.style.display = 'none'; if (rf) rf.style.display = '';
if (bl) bl.className = 'plt-btn'; if (br) br.className = 'plt-btn active';
}
} else if (portal === 'seller') {
var sf = document.getElementById('sLoginForm');
var sr = document.getElementById('sRegForm');
var sl = document.getElementById('sTabLogin');
var sg = document.getElementById('sTabReg');
if (tab === 'login') {
if (sf) sf.style.display = ''; if (sr) sr.style.display = 'none';
if (sl) sl.className = 'plt-btn active'; if (sg) sg.className = 'plt-btn';
} else {
if (sf) sf.style.display = 'none'; if (sr) sr.style.display = '';
if (sl) sl.className = 'plt-btn'; if (sg) sg.className = 'plt-btn active';
}
}
}
// Quick demo login — one click auto-login
function quickLogin(type) {
var map = {
customer:{email:'priya@demo.com',password:'demo123'},
seller:{email:'amit@demo.com',password:'demo123'},
admin:{email:'admin@hubooze.in',password:'admin123'}
};
var c = map[type]; if (!c) return;
openPortal(type);
setTimeout(function(){
var ef = type==='customer'?'loginEmail':(type==='seller'?'sLoginEmail':'aLoginEmail');
var pf = type==='customer'?'loginPass':(type==='seller'?'sLoginPass':'aLoginPass');
var e = document.getElementById(ef); if(e) e.value=c.email;
var p = document.getElementById(pf); if(p) p.value=c.password;
if(type==='customer') doLogin();
else if(type==='seller') doSellerLogin();
else doAdminLogin();
}, 100);
}
// Customer login uses loginEmail + loginPass (same as before — app.js overrides doLogin)
// Seller login
function doSellerLogin() {
var email = (document.getElementById('sLoginEmail')||{value:''}).value.trim().toLowerCase();
var pass = (document.getElementById('sLoginPass') ||{value:''}).value;
if (!email || !pass) { showToast('Please enter email and password','error'); return; }
var btn = document.querySelector('#sLoginForm .portal-submit');
if (btn) { btn.textContent='Please wait...'; btn.disabled=true; }
fetch('/api/auth/login', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({email:email, password:pass})
})
.then(function(r){ return r.json().then(function(d){return{ok:r.ok,data:d};}); })
.then(function(res){
if (btn) { btn.innerHTML='Login to Seller Dashboard →'; btn.disabled=false; }
if (!res.ok) { showToast(res.data.error||'Login failed','error'); return; }
if (res.data.user.role!=='seller'&&res.data.user.role!=='admin') {
showToast('Not a seller account','error'); return;
}
localStorage.setItem('hb_token', res.data.token);
localStorage.setItem('hb_session', JSON.stringify(res.data.user));
localStorage.setItem('hb_after_login', 'seller');
window.location.reload();
})
.catch(function(){
if (btn) { btn.innerHTML='Login to Seller Dashboard →'; btn.disabled=false; }
showToast('Cannot reach server. Please try again.','error');
});
}
// Seller register
function doSellerRegister() {
var name = (document.getElementById('sRegName') || {}).value || '';
var phone = (document.getElementById('sRegPhone') || {}).value || '';
var business = (document.getElementById('sRegBusiness') || {}).value || '';
var email = (document.getElementById('sRegEmail') || {}).value || '';
var pass = (document.getElementById('sRegPass') || {}).value || '';
var city = (document.getElementById('sRegCity') || {}).value || '';
if (!name || !email || !pass || !business) {
showToast('Name, business name, email and password are required', 'error'); return;
}
if (pass.length < 6) { showToast('Password must be at least 6 characters', 'error'); return; }
// Mirror into the shared register fields
var setVal = function(id, v) { var el=document.getElementById(id); if(el) el.value=v; };
setVal('regName', name); setVal('regEmail', email);
setVal('regPass', pass); setVal('regPhone', phone); setVal('regCity', city);
var isSellerEl = document.getElementById('regIsSeller');
if (isSellerEl) isSellerEl.value = 'true'; // signal seller role
// Call doRegister which reads from reg* fields
doRegister();
}
// Admin login
function doAdminLogin() {
var email = (document.getElementById('aLoginEmail')||{value:''}).value.trim().toLowerCase();
var pass = (document.getElementById('aLoginPass') ||{value:''}).value;
if (!email || !pass) { showToast('Please enter admin credentials','error'); return; }
var btn = document.querySelector('#adminPortal .portal-submit');
if (btn) { btn.textContent='Please wait...'; btn.disabled=true; }
fetch('/api/auth/login', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({email:email, password:pass})
})
.then(function(r){ return r.json().then(function(d){return{ok:r.ok,data:d};}); })
.then(function(res){
if (btn) { btn.innerHTML='⚖ Access Admin Panel →'; btn.disabled=false; }
if (!res.ok) { showToast(res.data.error||'Login failed','error'); return; }
if (res.data.user.role!=='admin') { showToast('Admin access required','error'); return; }
localStorage.setItem('hb_token', res.data.token);
localStorage.setItem('hb_session', JSON.stringify(res.data.user));
localStorage.setItem('hb_after_login', 'admin');
window.location.reload();
})
.catch(function(){
if (btn) { btn.innerHTML='⚖ Access Admin Panel →'; btn.disabled=false; }
showToast('Cannot reach server. Please try again.','error');
});
}
// ── renderAccountPage — shows portal choice or logged-in dashboard ──
function renderAccountPage() {
var loggedOut = document.getElementById('authLoggedOut');
var loggedIn = document.getElementById('authLoggedIn');
if (!loggedOut || !loggedIn) return;
if (!currentUser) {
loggedOut.style.display = '';
loggedIn.style.display = 'none';
closePortal();
return;
}
loggedOut.style.display = 'none';
loggedIn.style.display = '';
ss('accNameEl', currentUser.name, false);
ss('accEmailEl', currentUser.email, false);
var rolePill = document.getElementById('accRolePill');
if (rolePill) {
var roleStyles = {
customer: 'background:rgba(0,161,255,.2);color:#00a1ff',
seller: 'background:rgba(0,255,143,.2);color:#00ff8f',
admin: 'background:rgba(255,77,77,.2);color:#ff4d4d'
};
rolePill.style.cssText = roleStyles[currentUser.role] || roleStyles.customer;
rolePill.textContent = currentUser.role.toUpperCase();
}
var avatarEl = document.getElementById('accAvatarEl');
if (avatarEl) {
var roleGrads = {
customer: 'var(--grad)',
seller: 'linear-gradient(135deg,#00a1ff,#9c27b0)',
admin: 'linear-gradient(135deg,#ff4d4d,#ff6b35)'
};
avatarEl.style.background = roleGrads[currentUser.role] || 'var(--grad)';
}
var menuItems = [
{id:'profile', icon:'👤', label:'My Profile'},
{id:'orders', icon:'📦', label:'My Orders', action:'orders'},
{id:'wishlist', icon:'❤', label:'Wishlist'},
{id:'returns', icon:'🔄', label:'My Returns'},
{id:'addresses', icon:'📍', label:'Addresses'},
];
if (currentUser.role === 'seller' || currentUser.role === 'admin') {
menuItems.push({id:'seller_dash', icon:'🧑', label:'Seller Panel', action:'seller'});
}
if (currentUser.role === 'admin') {
menuItems.push({id:'admin_dash', icon:'⚖', label:'Admin Panel', action:'admin'});
}
menuItems.push({id:'logout', icon:'🚪', label:'Logout', danger:true});
var menuEl = document.getElementById('accMenuEl');
if (menuEl) {
menuEl.innerHTML = menuItems.map(function(m) {
var cls = 'acc-menu-link' + (accSection===m.id?' active':'') + (m.danger?' danger':'');
var oc;
if (m.danger) oc = 'onclick="doLogout()"';
else if (m.action) oc = 'onclick="showPage(\'' + m.action + '\')"';
else oc = 'onclick="setAccSection(\'' + m.id + '\')"';
return '' + m.icon + ' ' + m.label + '
';
}).join('');
}
renderAccContent();
}
function setAccSection(id) { accSection = id; renderAccountPage(); }
function renderAccContent() {
var el = document.getElementById('accContentEl');
if (!el || !currentUser) return;
if (accSection === 'profile') {
el.innerHTML = ''
+ '
My Profile
'
+ '
'
+ '
'
+ '
'
+ '
❤ My Wishlist (' + wProds.length + ')
'
+ (wProds.length
? '
' + wProds.map(makeCard).join('') + '
'
: '
❤️
Your wishlist is empty. Click ♡ on any product to add.
')
+ '
'
+ '
🔄 My Returns
'
+ (myReturns.length
? myReturns.map(function(r){
return '
'
+ '
'
+ '
' + r.productName + '
'
+ '
Order #' + r.orderId + ' • ' + r.createdAt + '
'
+ '
Reason: ' + r.reason + '
'
+ '
' + r.status.toUpperCase() + '
'
+ '
₹' + r.refundAmt.toLocaleString('en-IN') + ' refund
'
+ '
';
}).join('')
: '
🔄
No returns initiated yet.
')
+ '
'
+ '
'
+ '
📍 Saved Addresses
'
+ ''
+ ''
+ (myAddrs.length
? myAddrs.map(function(a){
return '
'
+ (a.isDefault ? '
Default' : '')
+ '
' + esc(a.name) + ' • ' + esc(a.phone) + '
'
+ '
' + esc(a.line1) + (a.line2?', '+esc(a.line2):'') + ', ' + esc(a.city) + ' — ' + esc(a.pincode) + '
'
+ '
';
}).join('')
: '
')
+ (myAddrs.length ? '
' : '')
+ '
'
+ '
Add New Address
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '
📦
'
+ '
No orders found
'
+ '
Start shopping to see your orders here!
'
+ '
'
+ '
'
// Header
+ '
'
+ '
'
+ '
Order #' + o.id + '
'
+ '
'
+ o.date + (o.deliveredOn ? ' • Delivered: ' + o.deliveredOn : '') + ' • ' + o.payment
+ '
'
+ '
'
+ '
' + o.status.toUpperCase() + ''
+ '
'
// Items
+ '
'
+ o.items.map(function(it) {
return '
'
+ '
' + it.icon + ''
+ '
'
+ '
' + it.name + '
'
+ '
Qty: ' + it.qty + (it.size ? ' • ' + it.size : '') + '
'
+ '
'
+ '
₹' + (it.price * it.qty).toLocaleString('en-IN') + '
'
+ '
';
}).join('')
+ '
'
// Summary row
+ '
'
+ '
'
+ '📍 ' + o.address.substring(0, 35) + (o.address.length > 35 ? '...' : '')
+ (disc > 0 ? ' • Saved ₹' + disc.toLocaleString('en-IN') + '' : '')
+ '
'
+ '
₹' + o.total.toLocaleString('en-IN') + '
'
+ '
'
// Actions
+ '
'
+ (o.status === 'delivered'
? ''
: '')
+ (o.status === 'processing'
? ''
: '')
+ ''
+ ''
+ '
'
+ '
'
+ ''
+ itemOptions
+ '
'
+ ''
+ ''
+ ''
+ '
'
+ ''
+ ''
+ ''
+ '
'
+ ''
+ '
🔄 90-Day Return Promise
'
+ '
Free pickup from your door within 24 hours • Instant refund after pickup • Any condition accepted
'
+ '
amit@demo.com / demo123',
'Switch Account',
"showPage('account')"
);
return;
}
var myProds = getSellerProducts();
var myOrders = getSellerOrders();
var myReturns = RETURNS_DB.filter(function(r){
var ids = myProds.map(function(p){return p.id;});
return currentUser.role==='admin' || ids.indexOf(r.productId) > -1;
});
var totalRevenue = myOrders.filter(function(o){return o.status!=='cancelled';}).reduce(function(s,o){return s+o.total;},0);
var pendingOrders = myOrders.filter(function(o){return o.status==='processing';}).length;
var unreadNotifs = SELLER_NOTIFICATIONS.filter(function(n){return !n.read;}).length;
// ─ Stats bar ─
var statsHtml = ''
+ selStat(myProds.length, 'Products', 'var(--green)', '📦')
+ selStat(myOrders.length, 'Total Orders', 'var(--blue)', '📩')
+ selStat(pendingOrders, 'Pending', 'var(--yellow)', '⏳')
+ selStat('₹'+totalRevenue.toLocaleString('en-IN'), 'Revenue', 'var(--green)', '💰')
+ selStat('₹'+Math.round(totalRevenue*.9).toLocaleString('en-IN'), 'Net Payout', 'var(--blue)', '💸')
+ selStat(myReturns.length, 'Returns', 'var(--red)', '🔄')
+ '
';
// ─ Tab bar ─
var tabs = [
{id:'overview', label:'📈 Overview'},
{id:'products', label:'📦 Products ('+myProds.length+')'},
{id:'orders', label:'📩 Orders ('+myOrders.length+')'},
{id:'returns', label:'🔄 Returns ('+myReturns.length+')'},
{id:'add_product', label:'➕ Add Product'},
{id:'payouts', label:'💸 Payouts'},
{id:'notifications',label:'🔔 Alerts'+(unreadNotifs?' ('+unreadNotifs+')':'')},
];
if (currentUser.role === 'admin') {
tabs.push({id:'admin', label:'⚖ Admin'});
}
var tabsHtml = ''
+ tabs.map(function(t){
return '';
}).join('')
+ '
';
el.innerHTML = statsHtml + tabsHtml + '';
renderSellerTab(myProds, myOrders, myReturns, totalRevenue);
}
function sellerGate(icon, title, body, btnLabel, btnAction) {
return ''
+ '
'+icon+'
'
+ '
'+title+'
'
+ '
'+body+'
'
+ '
'
+ '
'
+ '
'+icon+'
'
+ '
'+val+'
'
+ '
'+label+'
'
+ '
'
// Revenue breakdown card
+ '
'
+ '
💰 Revenue Breakdown
'
+ metricRow('Gross Revenue', '₹'+totalRevenue.toLocaleString('en-IN'), 'var(--text)')
+ metricRow('Platform Fee (10%)', '-₹'+Math.round(totalRevenue*.1).toLocaleString('en-IN'), 'var(--red)')
+ metricRow('Net Payout', '₹'+Math.round(totalRevenue*.9).toLocaleString('en-IN'), 'var(--green)')
+ '
'
+ metricRow('Avg Order Value', myOrders.length ? '₹'+Math.round(totalRevenue/myOrders.length).toLocaleString('en-IN') : '₹0', 'var(--blue)')
+ metricRow('Return Rate', myOrders.length ? (myReturns.length/myOrders.length*100).toFixed(1)+'%' : '0%', 'var(--yellow)')
+ '
'
// Quick actions card
+ '
'
+ '
⚡ Quick Actions
'
+ '
'
+ ''
+ ''
+ ''
+ ''
+ '
'
+ '
'
+ '
'
+ '
📩 Recent Orders
'
+ ''
+ ''
+ (recent.length
? recent.map(function(o){ return orderRowCompact(o); }).join('')
: '
No orders yet.
')
+ '
'
+ '
'
+ '
🏆 Top Products
'
+ ''
+ ''
+ (topProds.length
? topProds.map(function(p){ return productRowCompact(p); }).join('')
: '
No products listed yet.
')
+ '
'
+ ''+label+''
+ ''+val+''
+ '
';
}
function orderRowCompact(o) {
return ''
+ '
'
+ '
#'+o.id+'
'
+ '
'+o.date+' • '+o.items.length+' item(s)
'
+ '
'
+ '
'+o.status+''
+ '
₹'+o.total.toLocaleString('en-IN')+''
+ '
'
+ '
'
+ '
'+p.icon+''
+ '
'
+ '
'+p.name+'
'
+ '
'+p.brand+' • '+(p.reviews||0)+' reviews
'
+ '
'
+ '
'
+ '
₹'+p.price.toLocaleString('en-IN')+' '+disc+'% off
'
+ '
Stock: '+(p.stock||'N/A')+'
'
+ '
'
+ '
'
+ '
'
+ '
📦 My Products ('+listed.length+' active)
'
+ ''
+ ''
+ (listed.length
? '
'
+ listed.map(function(p){ return sellerProductRow(p); }).join('')
+ '
'
: '
')
+ '
'
+ '
❌ Unlisted Products ('+unlisted.length+')
'
+ unlisted.map(function(p){ return sellerProductRow(p); }).join('')
+ ''
: '');
}
function sellerProductRow(p) {
var disc = Math.round((1-(p.price||0)/(p.orig||1))*100);
return ''
+ '
'+p.icon+''
+ '
'
+ '
'+p.name+'
'
+ '
'+p.brand+' • '+p.cat+' • Stock: '+(p.stock||'N/A')+'
'
+ '
'
+ (p.badge ? ''+p.badge+'' : '')
+ (p.eco ? '♻ ECO' : '')
+ '
'
+ '
'
+ '
'
+ '
₹'+p.price.toLocaleString('en-IN')+'
'
+ '
₹'+p.orig.toLocaleString('en-IN')+'
'
+ '
'+disc+'% off
'
+ '
'
+ '
'
+ ''
+ ''
+ '
'
+ '
'
+ '
'
+ '
📩 Orders ('+filtered.length+')
'
+ '
'
+ statusFilters.map(function(s){
var cnt = s==='all' ? myOrders.length : myOrders.filter(function(o){return o.status===s;}).length;
return '';
}).join('')
+ '
'
+ '
'
+ (filtered.length
? '
'
+ filtered.slice().reverse().map(function(o){ return sellerOrderCard(o); }).join('')
+ '
'
: '
📩
No orders in this category.
')
+ '
'
+ '
'
+ '
'
+ '
#'+o.id+'
'
+ '
'+o.date+' • '+o.payment+' • '+o.address.substring(0,35)+'...
'
+ '
'
+ '
'
+ ''+o.status.toUpperCase()+''
+ '₹'+o.total.toLocaleString('en-IN')+''
+ '
'
+ '
'
+ '
'
+ o.items.map(function(it){
return '
'
+ '
'+it.icon+''
+ '
'+it.name+'
'
+ '
Qty: '+it.qty+(it.size?' • '+it.size:'')+'
'
+ '
';
}).join('')
+ '
'
+ '
'
+ 'Update Status:'
+ ''
+ ''
+ '
'
+ '
'
+ '
🔄 Return Requests ('+myReturns.length+')
'
+ (myReturns.length
? '
'
+ myReturns.map(function(r){ return sellerReturnCard(r); }).join('')
+ '
'
: '
🔄
No return requests. Great job!
')
+ '
'
+ '
'
+ '
'
+ '
'+r.productName+'
'
+ '
Order #'+r.orderId+' • '+r.createdAt+'
'
+ '
Reason: '+r.reason+' • Condition: '+r.condition+'
'
+ '
'
+ '
'
+ '
'+r.status.toUpperCase()+''
+ '
₹'+r.refundAmt.toLocaleString('en-IN')+' refund
'
+ '
'
+ '
'
+ (r.status === 'initiated'
? '
'
+ ''
+ ''
+ ''
+ '
'
: '
Resolved on: '+(r.resolvedAt||r.createdAt)+'
')
+ '
'
+ '
'
+ '
'+(isEdit?'✎ Edit Product':'➕ List New Product')+'
'
+ (isEdit ? '' : '')
+ ''
+ '
'
// Name
+ formField('Product Name *', 'text', 'np_name', 'e.g. Handblock Print Dupatta', ep?ep.name:'')
// Brand
+ formField('Brand *', 'text', 'np_brand', 'e.g. AK Textiles', ep?ep.brand:'')
// Price
+ formField('Selling Price (₹) *', 'number', 'np_price', '299', ep?ep.price:'')
// MRP
+ formField('MRP / Original (₹) *', 'number', 'np_orig', '599', ep?ep.orig:'')
+ '
'
+ '
'
// Category
+ '
'
+ '
'
// Stock
+ formField('Stock Qty *', 'number', 'np_stock', '50', ep?ep.stock:'')
// Emoji icon
+ formField('Icon Emoji', 'text', 'np_icon', '😉', ep?ep.icon:'', 'maxlength="4"')
+ '
'
// Description
+ '
'
+ '
'
// Sizes
+ '
'
+ '
'
// Badge + Eco row
+ '
'
// Submit
+ '
'
+ ''
+ (isEdit ? '' : '')
+ '
'
+ '
'
+ ''
+ '
';
}
function saveSellerProduct() {
if (!currentUser) return;
var name = (document.getElementById('np_name')||{value:''}).value.trim();
var brand = (document.getElementById('np_brand')||{value:''}).value.trim();
var price = parseInt((document.getElementById('np_price')||{value:'0'}).value)||0;
var orig = parseInt((document.getElementById('np_orig')||{value:'0'}).value)||0;
var stock = parseInt((document.getElementById('np_stock')||{value:'0'}).value)||0;
var cat = (document.getElementById('np_cat')||{value:'fashion'}).value;
var icon = (document.getElementById('np_icon')||{value:'📦'}).value || '📦';
var desc = (document.getElementById('np_desc')||{value:''}).value.trim();
var sizesRaw= (document.getElementById('np_sizes')||{value:''}).value;
var badge = (document.getElementById('np_badge')||{value:''}).value || null;
var eco = (document.getElementById('np_eco')||{checked:false}).checked;
var listed = (document.getElementById('np_listed')||{checked:true}).checked;
var sizes = sizesRaw.split(',').map(function(s){return s.trim();}).filter(Boolean);
if (!name) { showToast('Product name is required','error'); document.getElementById('np_name').classList.add('error'); return; }
if (!brand) { showToast('Brand is required','error'); document.getElementById('np_brand').classList.add('error'); return; }
if (!price || price <= 0) { showToast('Please enter a valid selling price','error'); return; }
if (!orig || orig <= 0) { showToast('Please enter a valid MRP','error'); return; }
if (price >= orig) { showToast('Selling price must be less than MRP','error'); return; }
if (stock <= 0) { showToast('Please enter valid stock quantity','error'); return; }
if (sellerEditProductId) {
// Update existing
var existing = PRODUCTS[sellerEditProductId]
|| (SELLER_OWN_PRODUCTS[currentUser.id]||[]).find(function(p){return p.id===sellerEditProductId;})
|| (SELLER_PRODUCTS_DB[currentUser.id]||[]).find(function(p){return p.id===sellerEditProductId;});
if (existing) {
existing.name = name; existing.brand = brand; existing.price = price;
existing.orig = orig; existing.stock = stock; existing.cat = cat;
existing.icon = icon; existing.description = desc; existing.sizes = sizes;
existing.badge = badge; existing.eco = eco; existing.listed = listed;
showToast('✓ "'+name+'" updated successfully!', 'success');
}
sellerEditProductId = null;
switchSelTab('products');
} else {
// Create new
var newProd = {
id: 'sp_'+Date.now(),
name: name, brand: brand, cat: cat,
price: price, orig: orig, stock: stock,
icon: icon, rating: 0, reviews: 0,
eco: eco, badge: badge,
sizes: sizes, inStock: true,
sellerId: currentUser.id,
description: desc,
listed: listed
};
if (!SELLER_PRODUCTS_DB[currentUser.id]) SELLER_PRODUCTS_DB[currentUser.id] = [];
SELLER_PRODUCTS_DB[currentUser.id].push(newProd);
if (listed) PRODUCTS[newProd.id] = newProd; // make visible in shop too
showToast('🎉 "'+name+'" listed successfully!', 'success');
switchSelTab('products');
}
}
// ── PAYOUTS TAB ──────────────────────────────────────────────────
function renderSelPayouts(myOrders, totalRevenue, el) {
var net = Math.round(totalRevenue * .9);
var paid = Math.round(net * .6);
var pending = net - paid;
var history = [
{date:'2025-01-01', amount: Math.round(net*.3), status:'paid', ref:'PAY_2501_001'},
{date:'2024-12-15', amount: Math.round(net*.2), status:'paid', ref:'PAY_2412_002'},
{date:'2024-12-01', amount: Math.round(net*.1), status:'paid', ref:'PAY_2412_001'},
{date:'2025-01-10', amount: pending, status:'pending', ref:'PAY_2501_002'},
];
el.innerHTML = ''
+ '
₹'+net.toLocaleString('en-IN')+'
Total Net Earnings
'
+ '
₹'+paid.toLocaleString('en-IN')+'
Total Paid Out
'
+ '
₹'+pending.toLocaleString('en-IN')+'
Pending Payout
'
+ '
'
+ '
Payment Schedule
'
+ '
Payouts are processed every 7 days on Monday. Platform fee is 10%.
'
+ '
'
+ '
Next payout date
'
+ '
Monday, 13 Jan 2025
'
+ '
Estimated amount: ₹'+pending.toLocaleString('en-IN')+'
'
+ '
'
+ '
Payout History
'
+ history.map(function(h){
return '
'
+ '
'
+ '
₹'+h.amount.toLocaleString('en-IN')+'
'
+ '
'+h.date+' • Ref: '+h.ref+'
'
+ '
'
+ '
'+h.status.toUpperCase()+''
+ '
';
}).join('')
+ '
'
+ '
'
+ '
🔔 Notifications
'
+ ''
+ ''
+ '
'
+ SELLER_NOTIFICATIONS.map(function(n){
return '
'
+ '
'
+ (icons[n.type]||'🔔')
+ '
'
+ '
'
+ '
'+n.text+'
'
+ '
'+n.time+'
'
+ '
'
+ (!n.read ? '
' : '')
+ '
';
}).join('')
+ '
Admin credentials: admin@hubooze.in / admin123',
'Switch Account', "showPage('account')");
return;
}
// Compute live stats
var stats = computeAdminStats();
// Stat cards
var statsHtml = ''
+ adminStat('📩', stats.totalOrders, 'Total Orders', 'var(--blue)')
+ adminStat('₹', stats.totalRevenue.toLocaleString('en-IN'), 'Platform Revenue', 'var(--green)')
+ adminStat('👤', stats.totalUsers, 'Registered Users', 'var(--yellow)')
+ adminStat('🔄', stats.totalReturns, 'Return Requests', 'var(--red)')
+ '
'
+ ''
+ adminStat('🧑', stats.totalSellers, 'Active Sellers', 'var(--orange)')
+ adminStat('📦', stats.totalProducts, 'Products Listed', 'var(--blue)')
+ adminStat('♻', stats.ecoProducts, 'Eco Products', 'var(--green)')
+ adminStat('🎉', stats.deliveredOrders, 'Delivered Orders', 'var(--green)')
+ '
';
// Tab bar
var tabs = [
{id:'overview', label:'📈 Overview'},
{id:'users', label:'👤 Users (' + stats.totalUsers + ')'},
{id:'orders', label:'📩 Orders (' + stats.totalOrders + ')'},
{id:'products', label:'📦 Products (' + stats.totalProducts + ')'},
{id:'returns', label:'🔄 Returns (' + stats.totalReturns + ')'},
{id:'sellers', label:'🧑 Sellers (' + stats.totalSellers + ')'},
{id:'analytics', label:'📊 Analytics'},
{id:'settings', label:'⚙ Settings'},
];
var tabsHtml = ''
+ tabs.map(function(t) {
return '';
}).join('')
+ '
';
el.innerHTML = statsHtml + tabsHtml + '';
renderAdminTab(stats);
}
function adminGate(icon, title, body, btn, action) {
return ''
+ '
' + icon + '
'
+ '
' + title + '
'
+ '
' + body + '
'
+ '
'
+ '
'
+ '
' + icon + '
'
+ '
' + val + '
'
+ '
' + label + '
'
+ '
'
// Revenue card
+ '
'
+ '
📈 Revenue Summary
'
+ adminMetricRow('Gross Revenue', '₹' + stats.totalRevenue.toLocaleString('en-IN'), 'var(--text)')
+ adminMetricRow('Platform Fee (10%)', '₹' + stats.platformFee.toLocaleString('en-IN'), 'var(--green)')
+ adminMetricRow('Seller Payouts (90%)', '₹' + (stats.totalRevenue - stats.platformFee).toLocaleString('en-IN'), 'var(--blue)')
+ '
'
+ adminMetricRow('Avg Order Value', stats.totalOrders ? '₹' + Math.round(stats.totalRevenue / stats.totalOrders).toLocaleString('en-IN') : '₹0', 'var(--yellow)')
+ adminMetricRow('Return Rate', stats.totalOrders ? (stats.totalReturns / stats.totalOrders * 100).toFixed(1) + '%' : '0%', stats.totalReturns / Math.max(stats.totalOrders, 1) > 0.15 ? 'var(--red)' : 'var(--green)')
+ '
'
// Order status breakdown
+ '
'
+ '
📩 Order Status
'
+ adminStatusBar('Processing', stats.processingOrders, stats.totalOrders, 'var(--yellow)')
+ adminStatusBar('Delivered', stats.deliveredOrders, stats.totalOrders, 'var(--green)')
+ adminStatusBar('Cancelled', stats.cancelledOrders, stats.totalOrders, 'var(--red)')
+ adminStatusBar('Returned', stats.totalReturns, stats.totalOrders, 'var(--blue)')
+ ''
+ '
'
+ '
🔌
'
+ '
' + pendingRets.length + ' Return Request(s) Pending Approval
'
+ '
Review and approve/reject to process refunds.
'
+ '
'
+ '
'
+ '
'
+ '
📩 Recent Orders
'
+ ''
+ ''
+ recentOrders.map(function(o) { return adminOrderRowCompact(o); }).join('')
+ '
'
+ '
'
+ '
🔄 Recent Returns
'
+ ''
+ ''
+ (recentReturns.length
? recentReturns.map(function(r) { return adminReturnRowCompact(r); }).join('')
: '
No returns yet.
')
+ '
'
+ '' + label + ''
+ '' + val + ''
+ '
';
}
function adminStatusBar(label, count, total, color) {
var pct = total > 0 ? Math.round(count / total * 100) : 0;
return ''
+ '
'
+ '' + label + ''
+ '' + count + ' (' + pct + '%)'
+ '
'
+ '
'
+ '
'
+ '
#' + o.id + '
'
+ '
' + o.date + ' • ' + o.items.length + ' item(s) • ' + o.payment + '
'
+ '
'
+ '
' + o.status + ''
+ '
₹' + o.total.toLocaleString('en-IN') + ''
+ '
'
+ '
'
+ '
'
+ '
' + r.productName + '
'
+ '
Order #' + r.orderId + ' • ' + r.createdAt + ' • ' + r.reason + '
'
+ '
'
+ '
' + r.status + ''
+ '
₹' + r.refundAmt.toLocaleString('en-IN') + ''
+ (r.status === 'initiated'
? '
'
+ ''
+ ''
+ '
'
: '')
+ '
'
+ '
'
+ '
👤 All Users (' + filtered.length + ')
'
+ '
'
+ roleFilters.map(function(r) {
var cnt = r === 'all' ? allUsers.length : allUsers.filter(function(u) { return u.role === r; }).length;
return '';
}).join('')
+ '
'
+ '
'
// Table header
+ '
'
+ 'NameEmailCityRoleActions'
+ '
'
+ (filtered.length
? filtered.map(function(u) { return adminUserRow(u); }).join('')
: '
No users in this category.
')
+ '
'
+ '
' + esc(u.name) + ''
+ '
' + esc(u.email) + ''
+ '
' + esc(u.city || 'N/A') + ''
+ '
' + u.role.toUpperCase() + ''
+ '
'
+ (u.role !== 'admin' ? '' : 'Admin')
+ '
'
+ '
'
+ '
'
+ '
📩 All Orders (' + filtered.length + ')
'
+ '
'
+ statusFilters.map(function(s) {
var cnt = s === 'all' ? ORDERS_DB.length : ORDERS_DB.filter(function(o) { return o.status === s; }).length;
return '';
}).join('')
+ '
'
+ '
'
+ sorted.map(function(o) { return adminOrderCard(o); }).join('')
+ '
'
+ '
'
+ '
'
+ '
#' + o.id + '
'
+ '
' + o.date + ' • ' + o.payment + ' • ' + esc(o.address.substring(0, 40)) + '...
'
+ '
'
+ '
'
+ '' + o.status.toUpperCase() + ''
+ '₹' + o.total.toLocaleString('en-IN') + ''
+ '
'
+ '
'
+ '
'
+ o.items.map(function(it) {
return '
'
+ '
' + it.icon + ''
+ '
' + esc(it.name) + '
'
+ '
x' + it.qty + (it.size ? ' • ' + it.size : '') + '
'
+ '
';
}).join('')
+ '
'
+ '
'
+ 'Update:'
+ ''
+ ''
+ (o.status === 'delivered' ? '' : '')
+ '
'
+ '
'
+ '
'
+ '
📦 All Products (' + filtered.length + ')
'
+ '
'
+ catFilters.map(function(c) {
var cnt = c === 'all' ? allProds.length : allProds.filter(function(p) { return p.cat === c; }).length;
return '';
}).join('')
+ '
'
+ '
'
// Table header
+ '
'
+ 'IconProductCategoryPriceRatingReviewsActions'
+ '
'
+ filtered.map(function(p) { return adminProductRow(p); }).join('')
+ '
'
+ '
' + p.icon + ''
+ '
'
+ '
' + esc(p.name) + '
'
+ '
' + esc(p.brand) + (p.eco ? ' • ♻ Eco' : '') + '
'
+ '
'
+ '
' + p.cat + ''
+ '
₹' + p.price.toLocaleString('en-IN') + '
'
+ '
' + disc + '% off
'
+ '
' + (p.rating || 0) + ' ★'
+ '
' + (p.reviews || 0).toLocaleString('en-IN') + ''
+ '
'
+ ''
+ '
'
+ '
'
+ '
'
+ '
🔄 Return Requests (' + filtered.length + ')
'
+ '
'
+ retFilters.map(function(r) {
var cnt = r === 'all' ? RETURNS_DB.length : RETURNS_DB.filter(function(x) { return x.status === r; }).length;
return '';
}).join('')
+ '
'
+ '
'
+ (filtered.length
? filtered.slice().reverse().map(function(r) { return adminReturnCard(r); }).join('')
: '
🔄
No returns in this category.
')
+ '
'
+ '
'
+ '
'
+ '
' + esc(r.productName) + '
'
+ '
Return ID: ' + r.id + ' • Order: #' + r.orderId + '
'
+ '
Initiated: ' + r.createdAt + ' • Reason: ' + esc(r.reason) + ' • Condition: ' + esc(r.condition) + '
'
+ (r.pickupDate ? '
🚚 Pickup scheduled: ' + r.pickupDate + '
' : '')
+ '
'
+ '
'
+ '
' + r.status.toUpperCase() + ''
+ '
₹' + r.refundAmt.toLocaleString('en-IN') + '
'
+ '
Refund amount
'
+ '
'
+ '
'
+ (r.status === 'initiated'
? '
'
+ ''
+ ''
+ ''
+ '
'
: '
Resolved: ' + (r.resolvedAt || 'N/A') + '
')
+ '
'
+ '
'
+ '
🧑 Seller Accounts (' + sellers.length + ')
'
+ ''
+ (sellers.length
? sellers.map(function(u) { return adminSellerCard(u); }).join('')
: '
🧑
No seller accounts yet. Users can register as sellers from the Account page.
')
+ '
'
+ '
'
+ '
'
+ (u.name.charAt(0).toUpperCase())
+ '
'
+ '
'
+ '
' + esc(u.name) + '
'
+ '
' + esc(u.email) + ' • ' + esc(u.city || 'N/A') + '
'
+ (u.businessName ? '
Business: ' + esc(u.businessName) + '
' : '')
+ '
'
+ '
' + myProds.length + '
Products
'
+ '
' + myOrds.length + '
Orders
'
+ '
₹' + rev.toLocaleString('en-IN') + '
Revenue
'
+ '
'
+ '
'
+ '
'
+ ''
+ ''
+ '
'
+ '
'
+ '
'
// Category revenue bar chart
+ '
'
+ '
📊 Revenue by Category
'
+ Object.entries(catBreakdown).map(function(entry) {
var cat = entry[0], data = entry[1];
var pct = Math.round(data.revenue / maxRev * 100);
var color = catColors[cat] || 'var(--text2)';
return '
'
+ '
'
+ '' + cat + ''
+ '₹' + data.revenue.toLocaleString('en-IN') + ''
+ '
'
+ '
'
+ '
' + data.count + ' products
'
+ '
';
}).join('')
+ '
'
// Key metrics
+ '
'
+ '
'
+ '
🏆 Top Products
'
+ allProds.sort(function(a, b) { return (b.reviews || 0) - (a.reviews || 0); }).slice(0, 5).map(function(p, i) {
return '
'
+ '
' + (i + 1) + ''
+ '
' + p.icon + ''
+ '
' + p.name + '
'
+ '
' + (p.reviews || 0).toLocaleString('en-IN') + ' reviews • ' + (p.rating || 0) + '★
'
+ '
₹' + p.price.toLocaleString('en-IN') + ''
+ '
';
}).join('')
+ '
'
+ '
'
+ '
📊 Platform Health
'
+ adminMetricRow('Eco Products Ratio', Math.round(stats.ecoProducts / Math.max(stats.totalProducts, 1) * 100) + '%', 'var(--green)')
+ adminMetricRow('Order Success Rate', stats.totalOrders ? Math.round((stats.totalOrders - stats.cancelledOrders) / stats.totalOrders * 100) + '%' : 'N/A', 'var(--blue)')
+ adminMetricRow('Return Approval Rate', RETURNS_DB.length ? Math.round(RETURNS_DB.filter(function(r) { return r.status === 'approved'; }).length / RETURNS_DB.length * 100) + '%' : 'N/A', 'var(--green)')
+ adminMetricRow('Avg Product Rating', (allProds.reduce(function(s, p) { return s + (p.rating || 0); }, 0) / Math.max(allProds.length, 1)).toFixed(1) + ' / 5.0', 'var(--yellow)')
+ ''
+ '
'
+ '
'
+ '
📅 Order Volume (Last 7 days)
'
+ '
'
+ [42, 58, 35, 71, 89, 63, ORDERS_DB.length * 12].map(function(v, i) {
var days = ['Mon','Tue','Wed','Thu','Fri','Sat','Today'];
var maxV = 120;
var pct = Math.round(v / maxV * 100);
return '
'
+ '
' + v + ''
+ '
'
+ '
' + days[i] + ''
+ '
';
}).join('')
+ '
'
+ '
'
// Platform settings
+ '
'
+ '
⚙ Platform Settings
'
+ settingRow('Platform Fee (%)', ' ')
+ settingRow('Free Delivery Above (₹)', ' ')
+ settingRow('Return Window (days)', ' ')
+ settingRow('Payout Cycle', '')
+ settingRow('New Seller Auto-approve', '')
+ settingRow('Maintenance Mode', '')
+ ''
// Notification settings
+ '
'
+ '
'
+ '
🔔 Notification Settings
'
+ '
'
+ notifToggle('New order alerts', true)
+ notifToggle('Return requests', true)
+ notifToggle('New seller registrations', true)
+ notifToggle('Low stock alerts', false)
+ notifToggle('Weekly revenue report', true)
+ '
'
+ '
'
+ '
'
+ '
⚒ Danger Zone
'
+ '
'
+ ''
+ ''
+ ''
+ '
'
+ '
'
+ '
'
+ '
'
+ '
' + label + ''
+ '
' + control + '
'
+ '
'
+ '' + label + ''
+ ''
+ '
';
}
// ── ADMIN ACTION HELPERS ──────────────────────────────────────────
function adminUpdateOrderStatus(ordId, status) {
var ord = ORDERS_DB.find(function(o) { return o.id === ordId; });
if (!ord) return;
ord.status = status;
showToast('Order #' + ordId + ' → ' + status, 'success');
renderAdminPanel();
}
function adminApproveReturn(retId) {
var ret = RETURNS_DB.find(function(r) { return r.id === retId; });
if (!ret) return;
ret.status = 'approved';
ret.resolvedAt = new Date().toLocaleDateString('en-IN');
saveReturnsDB();
showToast('✓ Return approved. ₹' + ret.refundAmt.toLocaleString('en-IN') + ' refund processed!', 'success');
renderAdminPanel();
}
function adminRejectReturn(retId) {
var ret = RETURNS_DB.find(function(r) { return r.id === retId; });
if (!ret) return;
if (!confirm('Reject this return request for "' + ret.productName + '"?')) return;
ret.status = 'rejected';
ret.resolvedAt = new Date().toLocaleDateString('en-IN');
saveReturnsDB();
showToast('Return rejected for ' + ret.productName, 'info');
renderAdminPanel();
}
function adminClearOrders() {
if (!confirm('Clear ALL orders? This cannot be undone.')) return;
ORDERS_DB.splice(0, ORDERS_DB.length);
showToast('All orders cleared', 'info');
renderAdminPanel();
}
function adminResetReturns() {
if (!confirm('Reset ALL return requests? This cannot be undone.')) return;
RETURNS_DB.splice(0, RETURNS_DB.length);
saveReturnsDB();
showToast('All returns cleared', 'info');
renderAdminPanel();
}
function adminClearUsers() {
if (!confirm('Clear all registered users? Demo accounts will remain.')) return;
registeredUsers = {};
saveUsers();
if (currentUser && !DEMO_USERS[currentUser.email]) {
doLogout();
}
showToast('Registered users cleared', 'info');
renderAdminPanel();
}
// ════════════════════════════════════════════════════════════════
// INIT EXTENSION
// ════════════════════════════════════════════════════════════════
loadUsers();
loadReturnsDB();
updateHeaderAuth();
// ════════════════════════════════════════════════════════════════
// CHECKOUT FLOW — FULL MULTI-STEP
// ════════════════════════════════════════════════════════════════
var checkoutStep = 1; // 1=address 2=payment 3=review
var checkoutAddrId = null;
var checkoutPayment = 'UPI';
var checkoutPayRef = ''; // UPI id / card last4 etc
var checkoutGiftWrap = false;
var checkoutNote = '';
var lastPlacedOrder = null;
// UPI apps shown on payment step
var UPI_APPS = [
{id:'gpay', label:'Google Pay', icon:'📱', color:'#4285f4'},
{id:'phonepe',label:'PhonePe', icon:'📱', color:'#6739b7'},
{id:'paytm', label:'Paytm', icon:'📱', color:'#00baf2'},
{id:'bhim', label:'BHIM UPI', icon:'📱', color:'#00a651'},
];
// ── ENTRY POINT ──────────────────────────────────────────────────
function proceedToCheckout() {
if (!cartItems.length) {
showToast('Your cart is empty!', 'error');
return;
}
if (!currentUser) {
showToast('Please login to checkout', 'error');
setTimeout(function() { closeCart(); showPage('account'); }, 700);
return;
}
checkoutStep = 1;
checkoutAddrId = null;
lastPlacedOrder = null;
// Auto-select default address
var def = ADDRESSES_DB.find(function(a) {
return a.userId === currentUser.id && a.isDefault;
});
if (def) checkoutAddrId = def.id;
closeCart();
showPage('checkout');
}
// ── RENDER CHECKOUT PAGE ─────────────────────────────────────────
function renderCheckoutPage() {
// If order was just placed show confirmation
if (lastPlacedOrder) {
renderOrderConfirmation(lastPlacedOrder);
return;
}
renderCheckoutSteps();
renderCheckoutSummary();
if (checkoutStep === 1) renderAddressStep();
else if (checkoutStep === 2) renderPaymentStep();
else if (checkoutStep === 3) renderReviewStep();
}
// ── STEP INDICATOR ───────────────────────────────────────────────
function renderCheckoutSteps() {
var el = document.getElementById('checkoutStepsEl');
if (!el) return;
var steps = [
{n:1, label:'Address'},
{n:2, label:'Payment'},
{n:3, label:'Review'},
];
el.innerHTML = steps.map(function(s, i) {
var done = checkoutStep > s.n;
var active = checkoutStep === s.n;
var color = done ? 'var(--green)' : active ? 'var(--green)' : 'var(--border2)';
var txtClr = done || active ? '#000' : 'var(--text3)';
var bgClr = done || active ? 'var(--green)' : 'var(--bg4)';
return (i > 0 ? '' : '')
+ ''
+ '
'
+ (done ? '✓' : s.n)
+ '
'
+ '
' + s.label + ''
+ '
'
// Header
+ '
'
+ '
Order Summary
'
+ '' + cartCount() + ' item(s)'
+ ''
// Items
+ '
'
+ cartItems.map(function(ci) {
var p = PRODUCTS[ci.productId]; if (!p) return '';
var disc_pct = Math.round((1 - p.price / p.orig) * 100);
return '
'
+ '
' + p.icon + '
'
+ '
'
+ '
' + p.name + '
'
+ '
'
+ (ci.size ? ci.size + ' • ' : '') + 'Qty: ' + ci.qty
+ '
'
+ '
'
+ '
'
+ '
₹' + (p.price * ci.qty).toLocaleString('en-IN') + '
'
+ (disc_pct > 0 ? '
' + disc_pct + '% off
' : '')
+ '
'
+ '
';
}).join('')
+ '
'
// Price breakdown
+ '
'
+ sumRow('Subtotal', '₹' + sub.toLocaleString('en-IN'), 'var(--text)')
+ (disc > 0 ? sumRow('Product Discount', '-₹' + disc.toLocaleString('en-IN'), 'var(--green)') : '')
+ (couponD > 0 ? sumRow('Coupon (' + (appliedCoupon ? appliedCoupon.code : '') + ')', '-₹' + couponD.toLocaleString('en-IN'), 'var(--green)') : '')
+ sumRow('Delivery', deliv === 0 ? '
FREE 🎉' : '₹' + deliv, deliv === 0 ? 'var(--green)' : 'var(--text)')
+ (checkoutGiftWrap ? sumRow('Gift Wrap', '₹49', 'var(--text)') : '')
+ '
'
+ '
'
+ 'Total'
+ '₹' + (total + (checkoutGiftWrap ? 49 : 0)).toLocaleString('en-IN') + ''
+ '
'
+ (savings > 0
? '
You save ₹' + savings.toLocaleString('en-IN') + '! 🎉
'
: '')
+ '
'
+ '🔄 90-Day free returns on all items'
+ '
'
+ '
'
+ '
'
+ '' + label + ''
+ '' + val + ''
+ '
';
}
// ════════════════════════════════════════════════════════════════
// STEP 1 — ADDRESS
// ════════════════════════════════════════════════════════════════
var showAddNewAddr = false;
function renderAddressStep() {
var el = document.getElementById('checkoutStepContent');
if (!el) return;
var myAddrs = ADDRESSES_DB.filter(function(a) { return a.userId === currentUser.id; });
var addrsHtml = myAddrs.length
? myAddrs.map(function(a) {
var selected = checkoutAddrId === a.id;
return ''
+ '
'
+ '
'
+ (selected ? '✓' : '')
+ '
'
+ '
'
+ '
'
+ '' + esc(a.name) + ''
+ '' + esc(a.phone) + ''
+ (a.isDefault ? 'DEFAULT' : '')
+ '
'
+ '
' + esc(a.line1) + (a.line2 ? ', ' + esc(a.line2) : '') + '
'
+ '
' + esc(a.city) + ', ' + esc(a.state || '') + ' — ' + esc(a.pincode) + '
'
+ '
'
+ '
'
+ '
'
+ '
📍
'
+ '
No saved addresses
'
+ '
Add a delivery address to continue
'
+ '
'
+ '
📍 Delivery Address
'
+ addrsHtml
// Add new address toggle
+ '
'
// Inline add-new form (hidden by default)
+ '
'
// Delivery options
+ '
'
+ '
Delivery Option
'
+ '
'
+ deliveryOption('std', '🚚 Standard Delivery', '3-5 business days', deliveryFee() === 0 ? 'FREE' : '₹49', true)
+ deliveryOption('exp', '⚡ Express Delivery', '1-2 business days', '₹99', false)
+ deliveryOption('same', '💢 Same Day Delivery', 'Order before 12 PM', '₹149', false)
+ '
'
+ '
'
// Gift wrap
+ '
'
+ '
'
+ '
🎁'
+ '
Gift Wrap
Beautiful eco-friendly packaging (+₹49)
'
+ '
'
+ '
'
+ '
'
// Order note
+ '
'
+ ''
+ ''
+ '
'
+ '
'
+ '
'
+ '
💸 Payment Method
'
// Payment method tabs
+ '
'
+ payMethodBtn('UPI', '📱', 'UPI')
+ payMethodBtn('Card', '💳', 'Card')
+ payMethodBtn('NB', '🏠', 'Net Banking')
+ payMethodBtn('COD', '💰', 'Cash on Delivery')
+ '
'
// UPI panel
+ '
'
+ '
Select UPI App
'
+ '
'
+ UPI_APPS.map(function(app) {
var sel = selectedUpiApp === app.id;
return '
'
+ '
' + app.icon + '
'
+ '
' + app.label + '
'
+ '
';
}).join('')
+ '
'
+ '
'
+ '
'
+ '
We will send a payment request to this UPI ID
'
+ '
'
+ '
'
// Card panel
+ '
'
+ '
'
+ ''
+ '
'
+ '
'
+ '
'
+ '🔒 Your card info is encrypted & secure'
+ '
'
+ '
'
// Net banking panel
+ '
'
+ '
Select Bank
'
+ '
'
+ ['SBI','HDFC','ICICI','Axis','Kotak','BOB','PNB','Yes Bank'].map(function(b) {
return '
' + b + '
';
}).join('')
+ '
'
+ '
You will be redirected to your bank\'s website to complete payment.
'
+ '
'
// COD panel
+ '
'
+ '
'
+ '
💰
'
+ '
Cash on Delivery
'
+ '
Pay in cash when your order arrives at your doorstep.
'
+ 'Please keep exact change ready. Our delivery partner will accept cash only.
'
+ '
'
+ '⚠ COD available on orders up to ₹5,000 only'
+ '
'
+ '
'
+ '
'
// Offers / saved cards section
+ '
'
+ '
🏷 Available Offers
'
+ '
'
+ offerChip('💳 Get 5% cashback on HDFC Credit Card', 'Max ₹250')
+ offerChip('📱 Extra ₹50 off with GPay or PhonePe', 'Min order ₹499')
+ offerChip('📚 No-cost EMI on orders above ₹999', 'Select cards only')
+ '
'
+ '
'
// Nav buttons
+ '
'
+ ''
+ ''
+ '
'
+ '
'
+ '
' + icon + '
'
+ '
' + label + '
'
+ '
'
+ '' + title + ''
+ '' + sub + ''
+ '
';
}
function switchPayMethod(id) {
activePayMethod = id;
checkoutPayment = id;
['UPI','Card','NB','COD'].forEach(function(m) {
var panel = document.getElementById('payPanel_' + m);
if (panel) panel.style.display = m === id ? 'block' : 'none';
});
// Update tab styles
document.querySelectorAll('[onclick^="switchPayMethod"]').forEach(function(btn) {
var m = btn.getAttribute('onclick').match(/'(\w+)'/)[1];
var active = m === id;
btn.style.background = active ? 'rgba(0,255,143,.1)' : 'var(--bg4)';
btn.style.borderColor = active ? 'var(--green)' : 'var(--border)';
btn.querySelector('div:last-child').style.color = active ? 'var(--green)' : 'var(--text2)';
});
}
function formatCardNum(inp) {
var v = inp.value.replace(/\D/g,'').substring(0,16);
inp.value = v.replace(/(.{4})/g,'$1 ').trim();
}
function formatExpiry(inp) {
var v = inp.value.replace(/\D/g,'').substring(0,4);
if (v.length >= 2) v = v.substring(0,2) + '/' + v.substring(2);
inp.value = v;
}
function goToReview() {
// Collect payment ref
if (activePayMethod === 'UPI') {
checkoutPayRef = (document.getElementById('upiIdInput')||{value:''}).value.trim();
if (!checkoutPayRef) { showToast('Please enter your UPI ID', 'error'); return; }
} else if (activePayMethod === 'Card') {
var cn = (document.getElementById('cardNum')||{value:''}).value.replace(/\s/g,'');
if (cn.length < 16) { showToast('Please enter a valid card number', 'error'); return; }
checkoutPayRef = '****' + cn.slice(-4);
}
checkoutPayment = activePayMethod;
checkoutStep = 3;
renderCheckoutPage();
window.scrollTo(0, 0);
}
// ════════════════════════════════════════════════════════════════
// STEP 3 — REVIEW & CONFIRM
// ════════════════════════════════════════════════════════════════
function renderReviewStep() {
var el = document.getElementById('checkoutStepContent');
if (!el) return;
var addr = ADDRESSES_DB.find(function(a) { return a.id === checkoutAddrId; });
var sub = cartSubtotal();
var disc = cartDiscount();
var couponD = couponDiscount();
var deliv = deliveryFee();
var total = cartTotal() + (checkoutGiftWrap ? 49 : 0);
var payLabel = {
UPI: '📱 UPI — ' + (checkoutPayRef || 'Selected app'),
Card: '💳 Card — ' + (checkoutPayRef || 'Saved card'),
NB: '🏠 Net Banking — ' + (checkoutPayRef || 'Selected bank'),
COD: '💰 Cash on Delivery'
}[checkoutPayment] || checkoutPayment;
el.innerHTML =
// Delivery address review
''
+ '
'
+ '
📍 DELIVER TO
'
+ ''
+ ''
+ (addr
? '
' + esc(addr.name) + ' ' + esc(addr.phone) + '
'
+ '
' + esc(addr.line1) + (addr.line2 ? ', ' + esc(addr.line2) : '') + '
'
+ '
' + esc(addr.city) + ', ' + esc(addr.state || '') + ' — ' + esc(addr.pincode) + '
'
: '
No address selected
')
+ '
'
+ '
'
+ '
💸 PAYMENT
'
+ ''
+ ''
+ '
' + payLabel + '
'
+ '
'
+ '
📦 ORDER ITEMS (' + cartCount() + ')
'
+ cartItems.map(function(ci) {
var p = PRODUCTS[ci.productId]; if (!p) return '';
return '
'
+ '
' + p.icon + '
'
+ '
'
+ '
' + esc(p.name) + '
'
+ '
' + esc(p.brand) + (ci.size ? ' • ' + ci.size : '') + ' • Qty: ' + ci.qty + '
'
+ '
'
+ '
'
+ '
₹' + (p.price * ci.qty).toLocaleString('en-IN') + '
'
+ '
₹' + (p.orig * ci.qty).toLocaleString('en-IN') + '
'
+ '
'
+ '
';
}).join('')
+ '
'
+ '
💰 PRICE DETAILS
'
+ sumRow('Price (' + cartCount() + ' items)', '₹' + sub.toLocaleString('en-IN'), 'var(--text)')
+ sumRow('Product Discount', '-₹' + disc.toLocaleString('en-IN'), 'var(--green)')
+ (couponD > 0 ? sumRow('Coupon Discount', '-₹' + couponD.toLocaleString('en-IN'), 'var(--green)') : '')
+ sumRow('Delivery Charges', deliv === 0 ? '
FREE' : '₹' + deliv, 'var(--text)')
+ (checkoutGiftWrap ? sumRow('Gift Wrap', '₹49', 'var(--text)') : '')
+ '
'
+ '
'
+ 'Total Amount'
+ '₹' + total.toLocaleString('en-IN') + ''
+ '
'
+ '
🎉 You will save ₹' + (disc + couponD).toLocaleString('en-IN') + ' on this order
'
+ '
'
+ ''
+ ''
+ '
'
+ ''
+ ''
+ ''
+ '
';
}
// ════════════════════════════════════════════════════════════════
// PLACE ORDER
// ════════════════════════════════════════════════════════════════
function placeOrderFinal() {
if (!currentUser) return;
if (!checkoutAddrId) { showToast('Please select a delivery address', 'error'); goToStep(1); return; }
var tc = document.getElementById('tcCheck');
if (tc && !tc.checked) { showToast('Please accept the Terms & Conditions', 'error'); return; }
var btn = document.getElementById('placeOrderBtn');
if (btn) {
btn.disabled = true;
btn.innerHTML = '⏳ Placing Order...';
btn.style.opacity = '0.7';
}
var addr = ADDRESSES_DB.find(function(a) { return a.id === checkoutAddrId; });
var sub = cartSubtotal();
var disc = cartDiscount();
var couponD = couponDiscount();
var deliv = deliveryFee();
var total = cartTotal() + (checkoutGiftWrap ? 49 : 0);
// Simulate network delay
setTimeout(function() {
var orderId = 'ORD' + Date.now();
var order = {
id: orderId,
userId: currentUser.id,
items: cartItems.map(function(ci) {
var p = PRODUCTS[ci.productId];
return {
productId: ci.productId,
name: p ? p.name : 'Unknown',
icon: p ? p.icon : '📦',
price: p ? p.price : 0,
qty: ci.qty,
size: ci.size || null
};
}),
subtotal: sub,
discount: disc,
couponD: couponD,
giftWrap: checkoutGiftWrap ? 49 : 0,
delivery: deliv,
total: total,
status: 'processing',
address: addr ? (addr.line1 + ', ' + addr.city + ' - ' + addr.pincode) : '',
addrFull: addr || {},
payment: checkoutPayment,
payRef: checkoutPayRef,
note: checkoutNote,
couponCode:appliedCoupon ? appliedCoupon.code : null,
date: new Date().toLocaleDateString('en-IN'),
estimatedDelivery: getEstimatedDelivery()
};
ORDERS_DB.unshift(order);
lastPlacedOrder = order;
// Clear cart
cartItems = [];
appliedCoupon = null;
saveCartState();
updateCartBadge(false);
checkoutGiftWrap = false;
checkoutNote = '';
renderOrderConfirmation(order);
window.scrollTo(0, 0);
}, 1800);
}
function getEstimatedDelivery() {
var d = new Date();
d.setDate(d.getDate() + 4);
return d.toLocaleDateString('en-IN', {weekday:'long', day:'numeric', month:'long'});
}
// ════════════════════════════════════════════════════════════════
// ORDER CONFIRMATION SCREEN
// ════════════════════════════════════════════════════════════════
function renderOrderConfirmation(order) {
// Hide the step layout, show confirmation full width
var layout = document.getElementById('checkoutLayout');
var confirm = document.getElementById('orderConfirmationEl');
var steps = document.getElementById('checkoutStepsEl');
if (layout) layout.style.display = 'none';
if (steps) steps.style.display = 'none';
if (!confirm) return;
confirm.style.display = 'block';
var totalSaved = (order.discount || 0) + (order.couponD || 0);
confirm.innerHTML =
// Success animation block
''
+ '
✓
'
+ '
Order Placed!
'
+ '
Thank you for shopping with Hubooze! 🏭
'
+ '
'
+ 'Order ID: #' + order.id + ''
+ '
'
+ '
'
+ confirmInfoCard('🚚', 'Estimated Delivery', order.estimatedDelivery, 'var(--green)')
+ confirmInfoCard('💸', 'Payment', ({UPI:'UPI Payment',Card:'Card Payment',NB:'Net Banking',COD:'Cash on Delivery'}[order.payment]||order.payment), 'var(--blue)')
+ confirmInfoCard('🔄', 'Return Policy', '90-day free returns', 'var(--green)')
+ '
'
// Delivery address
+ ''
+ '
'
+ '
Delivering to
'
+ (order.addrFull && order.addrFull.name
? '
' + esc(order.addrFull.name) + '
'
+ '
' + esc(order.addrFull.line1 || '') + '
'
+ '
' + esc(order.addrFull.city || '') + ' — ' + esc(order.addrFull.pincode || '') + '
'
+ '
Phone: ' + esc(order.addrFull.phone || '') + '
'
: '
' + esc(order.address || '') + '
')
+ '
'
+ '
'
+ '
Price Paid
'
+ '
'
+ '
Subtotal₹' + order.subtotal.toLocaleString('en-IN') + '
'
+ (order.discount > 0 ? '
Discount-₹' + order.discount.toLocaleString('en-IN') + '
' : '')
+ (order.couponD > 0 ? '
Coupon-₹' + order.couponD.toLocaleString('en-IN') + '
' : '')
+ '
Delivery' + (order.delivery === 0 ? 'FREE' : '₹' + order.delivery) + '
'
+ '
'
+ '
Total₹' + order.total.toLocaleString('en-IN') + '
'
+ (totalSaved > 0 ? '
Saved ₹' + totalSaved.toLocaleString('en-IN') + '!
' : '')
+ '
'
+ '
'
+ '
'
+ '
Items Ordered
'
+ order.items.map(function(it) {
return '
'
+ '
' + it.icon + '
'
+ '
'
+ '
' + esc(it.name) + '
'
+ '
' + (it.size ? it.size + ' • ' : '') + 'Qty: ' + it.qty + '
'
+ '
'
+ '
₹' + (it.price * it.qty).toLocaleString('en-IN') + '
'
+ '
';
}).join('')
+ (order.note ? '
📝 Note: ' + esc(order.note) + '
' : '')
+ '
'
+ '
Order Timeline
'
+ '
'
+ timelineStep('✓', 'Order Placed', new Date().toLocaleDateString('en-IN'), true, false)
+ timelineStep('●', 'Processing', 'Being prepared', false, false)
+ timelineStep('●', 'Shipped', 'In transit', false, false)
+ timelineStep('🏠', 'Out for Delivery', 'Almost there!', false, false)
+ timelineStep('🎉', 'Delivered', order.estimatedDelivery, false, true)
+ '
'
+ '
'
+ ''
+ ''
+ ''
+ '
';
// confetti-style animation
startConfetti();
}
function confirmInfoCard(icon, label, val, color) {
return ''
+ '
' + icon + '
'
+ '
' + label + '
'
+ '
' + val + '
'
+ '
'
+ '
'
+ '
' + icon + '
'
+ (!last ? '
' : '')
+ '
'
+ '
'
+ '
' + label + '
'
+ '
' + sub + '
'
+ '
'
+ '
'
+ '
🔔
'
+ '
No notifications yet
'
+ '
'
+ '
'
+ (typeIcons[n.type] || '🔔')
+ '
'
+ '
'
+ '
' + n.title + '
'
+ '
' + n.body + '
'
+ '
'
+ '
' + n.date + ' ' + n.time + '
'
+ n.channels.filter(function(c){return c!=='push';}).map(function(c){
return '
' + (chLabels[c]||c) + '';
}).join('')
+ '
'
+ '
'
+ (!n.read ? '
' : '')
+ '
'
+ '
'
+ m.text.replace(/\*(.*?)\*/g, '
$1').replace(/\n/g, '
')
+ '
' + m.time + (m.from === 'user' ? ' ✓✓' : '') + '
'
+ '
'
+ html
+ '
';
overlay.className = 'email-overlay open';
}
function closeEmail() {
document.getElementById('emailOverlay').className = 'email-overlay';
}
function buildOrderEmail(notif) {
var o = notif.data.order || {};
return ''
+ '
'
+ '
Hubooze — Shop. Return. Recycle.
'
+ '
'
+ '
🎉 Order Confirmed!
'
+ '
Hi ' + (currentUser ? currentUser.name.split(' ')[0] : 'there') + ', your order has been placed successfully!
'
+ '
'
+ '
Order ID
'
+ '
#' + (o.id || notif.data.orderId || 'ORD' + Date.now()) + '
'
+ '
'
+ (o.items ? '
' + o.items.map(function(it){return '
' + it.icon + '' + it.name + '
Qty: ' + it.qty + '
₹' + (it.price * it.qty).toLocaleString('en-IN') + '
';}).join('') + '
' : '')
+ '
'
+ '
'
+ '
🔄 90-Day Free Returns
'
+ '
Not satisfied? Return in any condition — free pickup, instant refund.
'
+ '
'
+ ''
+ '
'
+ '
Hubooze
'
+ '
Return & Refund Update
'
+ '
'
+ '
🔄 ' + notif.title + '
'
+ '
' + notif.body + '
'
+ '
'
+ '
What happens next?
'
+ '
1. Our pickup partner will contact you within 24 hours
2. Free pickup from your doorstep
3. Refund processed instantly after pickup
'
+ '
'
+ '
'
+ ''
+ '
'
+ '
Hubooze
'
+ '
' + notif.title + '
'
+ '
'
+ '
' + (notif.data.emoji || '🏷') + '
'
+ '
' + notif.title + '
'
+ '
' + notif.body + '
'
+ (notif.data.coupon ? '
USE COUPON CODE
' + notif.data.coupon + '
' : '')
+ '
'
+ ''
+ '
'
+ '
' + notif.title + '
'
+ '
' + notif.body + '
'
+ ''
+ '
'
+ '
'
+ '
📋 Recent Notifications
'
+ ''
+ ''
+ (NOTIFS_DB.length
? NOTIFS_DB.slice(0,8).map(function(n) {
var typeIcons = {order:'📩',return:'🔄',promo:'🏷',system:'⚙',otp:'📱'};
return '
'
+ '
' + (typeIcons[n.type]||'🔔') + '
'
+ '
'
+ '
' + n.title + '
'
+ '
' + n.body.substring(0,80) + (n.body.length>80?'...':'') + '
'
+ '
' + n.date + ' ' + n.time + '
'
+ '
'
+ (n.channels.includes('email') ? '
' : '')
+ '
';
}).join('')
: '
No notifications yet
')
+ '
'
+ '
⚡ Test Notifications
'
+ '
'
+ ''
+ ''
+ ''
+ ''
+ '
'
+ '
'
+ '
' + section.title + '
'
+ section.prefs.map(function(p) {
var isOn = NOTIF_PREFS[p.key] !== false;
return '
'
+ '
'
+ '
' + p.label + ' ' + p.ch + '
'
+ '
' + p.sub + '
'
+ '
'
+ '
'
+ '
';
}).join('')
+ '