Ce que cet admin pourra faire :

{ const src="data:image/png;base64,"+LG; ["lg-ob","lg-gate","lg-app","lg-about","lg-adm","lg-dealer","lg-dreg"].forEach(id=>{const e=document.getElementById(id);if(e)e.src=src;}); registerSW(); initApp(); }); // ── PWA SERVICE WORKER ── function registerSW(){ if(!('serviceWorker' in navigator))return; const sw=` self.addEventListener('install',()=>self.skipWaiting()); self.addEventListener('activate',()=>clients.claim()); self.addEventListener('fetch',e=>{ if(e.request.method!=='GET')return; e.respondWith(fetch(e.request).catch(()=>caches.match(e.request))); });`; const blob=new Blob([sw],{type:'application/javascript'}); navigator.serviceWorker.register(URL.createObjectURL(blob)).catch(()=>{}); } // ── HASH ── async function hashPwd(p){ try{const buf=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(p+SALT));return Array.from(new Uint8Array(buf)).map(b=>b.toString(16).padStart(2,"0")).join("");} catch(e){return btoa(p+SALT);} } function mkID(){try{return crypto.randomUUID();}catch(e){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,c=>{const r=Math.random()*16|0;return(c==="x"?r:(r&0x3|0x8)).toString(16);});}} // ── SESSION ── function saveS(u){localStorage.setItem("ys2",JSON.stringify(u));} function getS(){try{return JSON.parse(localStorage.getItem("ys2")||"null");}catch(e){return null;}} function clearS(){localStorage.removeItem("ys2");} // ── INIT ── async function initApp(){ // Auto-detect browser language const savedLang=localStorage.getItem('yayo_lang'); if(!savedLang){ const browserLang=navigator.language||navigator.userLanguage||'fr'; const detected=browserLang.startsWith('ar')?'ar':browserLang.startsWith('en')?'en':'fr'; setLang(detected); } else { setLang(savedLang); } const s=getS(); if(s&&s.id){ CU={id:s.id,contact:s.contact}; UP={id:s.id,identifier:s.contact,is_pro:s.is_pro||false,name:s.name||"",role:s.role||'user'}; // Fetch fresh Pro status from Supabase try{ const{data:fresh}=await sb.from("users").select("is_pro,name").eq("id",s.id).maybeSingle(); if(fresh){ UP.is_pro=fresh.is_pro||false; UP.name=fresh.name||UP.name; saveS({...s,is_pro:fresh.is_pro||false}); } }catch(e){} await loadUsg();await loadPUsg(); loadFavs(); // Check if dealer try{ const dp=await checkIfDealer(s.contact||''); if(dp){ DEALER_DATA=dp; const src2="data:image/png;base64,"+LG; ["lg-dealer","lg-dreg"].forEach(id=>{const e=document.getElementById(id);if(e)e.src=src2;}); showScreen('sc-dealer'); await loadDealerDashboard(); return; } }catch(e){} showApp(); } else { const seen=localStorage.getItem("ys"); if(seen){showApp();} else{showWebPage("home");} } checkRefCode(); } async function submitGate(){ const btn=document.getElementById("g-btn"); btn.disabled=true;const orig=btn.textContent;btn.textContent="⏳ Chargement..."; document.getElementById("g-err").style.display="none"; const isR=document.getElementById("gtb-r").classList.contains("on"); try{ if(isR){ // REGISTER — no password, just name + contact const name=document.getElementById("g-name").value.trim(); const contact=document.getElementById("g-contact").value.trim().toLowerCase(); if(!name){gErr("Oups ! Entrez votre prénom 🙏");return;} if(!contact){gErr("Oups ! Entrez votre email ou WhatsApp 🙏");return;} // Check if contact already exists → log them in instead const{data:ex,error:qErr}=await sb.from("users").select("*").eq("identifier",contact).maybeSingle(); if(ex){ // Already registered → just log them in, no new account CU={id:ex.id,contact:ex.identifier};UP=ex; saveS({id:ex.id,contact:ex.identifier,is_pro:ex.is_pro||false,name:ex.name||name}); } else { // New user → create account with upsert to prevent duplicates const nid=mkID(); const{error:ie}=await sb.from("users").upsert({ id:nid,identifier:contact, login_type:contact.includes("@")?"email":"whatsapp", name,is_pro:false,created_at:new Date().toISOString() },{onConflict:"identifier",ignoreDuplicates:false}); if(ie){ // If conflict on identifier, it means user exists — fetch and login const{data:existing}=await sb.from("users").select("*").eq("identifier",contact).maybeSingle(); if(existing){ CU={id:existing.id,contact:existing.identifier};UP=existing; saveS({id:existing.id,contact:existing.identifier,is_pro:existing.is_pro||false,name:existing.name||name}); } else { gErr("Erreur : "+ie.message+" 🙏");return; } } else { const{data:newU}=await sb.from("users").select("*").eq("identifier",contact).maybeSingle(); CU={id:nid,contact}; UP=newU||{id:nid,identifier:contact,is_pro:false,name}; saveS({id:nid,contact,is_pro:false,name}); } } } else { // LOGIN — contact only (no password for regular users) const contact=document.getElementById("g-lc").value.trim().toLowerCase(); if(!contact){gErr("Oups ! Entrez votre contact 🙏");return;} // Admin requires password if(contact===ADM){ const pass=document.getElementById("g-adminpass").value.trim(); if(!pass){gErr("Oups ! Mot de passe admin requis 🙏");return;} const pwd_hash=await hashPwd(pass); // First find admin account const{data:adminUser}=await sb.from("users").select("*").eq("identifier",contact).maybeSingle(); if(!adminUser){ // Admin account doesn't exist yet — create it const nid=mkID(); await sb.from("users").insert({id:nid,identifier:contact,login_type:"email",password_hash:pwd_hash,name:"Admin",is_pro:true,created_at:new Date().toISOString()}); const{data:newAdmin}=await sb.from("users").select("*").eq("id",nid).maybeSingle(); CU={id:nid,contact};UP=newAdmin||{id:nid,identifier:contact,is_pro:true,name:"Admin"}; } else if(adminUser.password_hash && adminUser.password_hash!==pwd_hash){ gErr("Mot de passe admin incorrect 🙏");return; } else { // Update password_hash if not set yet if(!adminUser.password_hash){ await sb.from("users").update({password_hash:pwd_hash,is_pro:true}).eq("id",adminUser.id); } CU={id:adminUser.id,contact:adminUser.identifier};UP={...adminUser,is_pro:true}; } saveS({id:CU.id,contact,is_pro:true,name:"Admin"}); } else { // Regular user OR dealer — find by contact (email or whatsapp) // Try exact match first let{data:user}=await sb.from("users").select("*").eq("identifier",contact).maybeSingle(); // If not found, try with phone number variations if(!user){ // Try removing spaces and special chars const cleaned=contact.replace(/[\s\-\(\)]/g,""); const{data:u2}=await sb.from("users").select("*").eq("identifier",cleaned).maybeSingle(); user=u2||null; } if(!user){ gErr("Contact introuvable. Vérifiez votre email ou numéro WhatsApp 🙏"); return; } CU={id:user.id,contact:user.identifier}; UP={...user,role:user.role||'user'}; saveS({id:user.id,contact:user.identifier,is_pro:user.is_pro||false,name:user.name||"",role:user.role||'user'}); UP.is_pro=user.is_pro||false; } } await loadUsg();await loadPUsg(); document.getElementById("gate").classList.remove("on"); // Check if this user is a verified dealer const dealerProfile=await checkIfDealer(CU.contact||UP.identifier||''); if(dealerProfile){ DEALER_DATA=dealerProfile; // Set dealer logos const src="data:image/png;base64,"+LG; ["lg-dealer","lg-dreg"].forEach(id=>{const e=document.getElementById(id);if(e)e.src=src;}); showScreen('sc-dealer'); await loadDealerDashboard(); if(gateResolve){gateResolve(true);gateResolve=null;} return; } updateHeaderBtns(); const nm=UP.name||CU.contact||""; if(nm)showWelcome(nm); updateChatBtn(); updateChatBtnVisibility(); requestNotifPermission(); setTimeout(()=>loadRefBox(),500); if(gateResolve){gateResolve(true);gateResolve=null;} }catch(e){ console.error(e); gErr("Erreur de connexion. Vérifie internet 🙏"); }finally{ btn.disabled=false;btn.textContent=orig; } } async function googleAuth(){ try{ const{error}=await sb.auth.signInWithOAuth({provider:'google',options:{redirectTo:window.location.href}}); if(error)gErr("Erreur Google : "+error.message+" 🙏"); }catch(e){gErr("Configurez Google OAuth dans Supabase pour activer cette option 🙏");} } // ── GATE FUNCTIONS ── function openGate(mode){ const el=document.getElementById('gate'); if(el)el.classList.add('on'); switchGate(mode||'r'); } function closeGate(){ const el=document.getElementById('gate'); if(el)el.classList.remove('on'); if(gateResolve){gateResolve(false);gateResolve=null;} } function switchGate(m){ const r=m==='r'; const rfields=document.getElementById('g-rfields'); const lfields=document.getElementById('g-lfields'); const adminfield=document.getElementById('g-adminfield'); const gtbr=document.getElementById('gtb-r'); const gtbl=document.getElementById('gtb-l'); const title=document.getElementById('g-title'); const sub=document.getElementById('g-sub'); const btn=document.getElementById('g-btn'); const gerr=document.getElementById('g-err'); if(rfields)rfields.style.display=r?'block':'none'; if(lfields)lfields.style.display=r?'none':'block'; if(adminfield)adminfield.style.display='none'; if(gtbr)gtbr.classList.toggle('on',r); if(gtbl)gtbl.classList.toggle('on',!r); if(title)title.textContent=r?'Créez votre compte gratuit':'Bon retour 👋'; if(sub)sub.textContent=r?'Entrez votre prénom et contact — gratuit !':'Entrez votre contact pour continuer'; if(btn)btn.textContent=r?'Voir mon résultat →':'Se connecter →'; if(gerr)gerr.style.display='none'; } function checkAdminContact(){ const v=(document.getElementById('g-lc')||{}).value||''; const adminField=document.getElementById('g-adminfield'); if(adminField)adminField.style.display=v.trim().toLowerCase()===ADM?'block':'none'; } function requireAuth(){ return new Promise(resolve=>{ if(CU){resolve(true);return;} gateResolve=resolve; openGate('r'); }); } // ── USAGE ── async function loadUsg(){ if(!CU)return; const t=new Date().toISOString().split("T")[0]; const{data}=await sb.from("usage").select("count").eq("user_id",CU.id).eq("date",t).maybeSingle(); utd=data?data.count:0;updB(); } async function loadPUsg(){ if(!CU)return; const t=new Date().toISOString().split("T")[0];const mo=t.slice(0,7); const{data:md}=await sb.from("price_usage").select("count").eq("user_id",CU.id).eq("month",mo).maybeSingle();pum=md?md.count:0; const{data:dd}=await sb.from("price_usage").select("count").eq("user_id",CU.id).eq("date",t).maybeSingle();pud=dd?dd.count:0; updPN(); } function isAdm(){return UP&&UP.identifier===ADM;} function isPro(){return isAdm()||(UP&&UP.is_pro);} function updB(){ const pro=isPro(); const loggedIn=!!CU; document.getElementById("ubadge").style.display=(loggedIn&&!pro)?"flex":"none"; document.getElementById("probadge").style.display=(loggedIn&&pro)?"flex":"none"; if(loggedIn&&!pro){ document.getElementById("uc").textContent=Math.max(0,LIM_D-utd); } } function updPN(){ const e=document.getElementById("pnote");if(!e)return; if(isAdm()){e.textContent="⭐ Admin — accès illimité";return;} if(isPro()){ const rem=Math.max(0,PRO_D-pud); e.textContent=`⭐ Pro — ${rem} recherche${rem>1?'s':''} restante${rem>1?'s':''} aujourd'hui`; return; } // Free user const r=Math.max(0,2-pum); if(r>0)e.textContent=`🆓 ${r} recherche${r>1?'s':''} gratuite${r>1?'s':''} restante${r>1?'s':''} ce mois`; else e.textContent=""; } async function incU(feat){ FU[feat]=(FU[feat]||0)+1;localStorage.setItem("yfu",JSON.stringify(FU)); if(!CU||isAdm())return; const t=new Date().toISOString().split("T")[0];utd++;updB(); const{data:ex}=await sb.from("usage").select("id,count").eq("user_id",CU.id).eq("date",t).maybeSingle(); if(ex)await sb.from("usage").update({count:ex.count+1}).eq("id",ex.id); else await sb.from("usage").insert({user_id:CU.id,date:t,count:1}); } async function incPU(){ FU.price=(FU.price||0)+1;localStorage.setItem("yfu",JSON.stringify(FU)); if(!CU||isAdm())return; const t=new Date().toISOString().split("T")[0];const mo=t.slice(0,7);pum++;pud++;updPN(); const{data:ex}=await sb.from("price_usage").select("id,count").eq("user_id",CU.id).eq("month",mo).maybeSingle(); if(ex)await sb.from("price_usage").update({count:ex.count+1,date:t}).eq("id",ex.id); else await sb.from("price_usage").insert({user_id:CU.id,month:mo,date:t,count:1}); } function canU(){ if(isAdm())return true; if(isPro())return true; // Pro = unlimited analyses return utd{ const el=document.getElementById(s);if(el)el.style.display='none'; }); showApp(); } function showApp(){ ['sc-ob','sc-auth','sc-adm','sc-dealer','sc-dealer-reg'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); document.getElementById("sc-app").style.display="block"; updateHdr();updPUI();updB();updPN(); // Apply current language applyTranslations(); // Init lang selector setLang(LANG); } function getRole(){return UP?UP.role||'user':'user';} function hasAccess(perm){ const role=getRole(); if(role==='admin_full'||isAdm())return true; if(role==='admin_dealers')return['dealers','cars','stats'].includes(perm); if(role==='admin_stats')return perm==='stats'; return false; } function updateHdr(){ document.getElementById("login-btn").style.display=CU?"none":"flex"; document.getElementById("logout-btn").style.display=CU?"flex":"none"; document.getElementById("adm-btn").style.display=isAdm()?"flex":"none"; updB(); } function showAdmin(){ document.getElementById("sc-app").style.display="none"; document.getElementById("sc-adm").style.display="block"; loadAdmin(); } function showAppFromAdmin(){ document.getElementById("sc-adm").style.display="none"; document.getElementById("sc-app").style.display="block"; } async function doLogout(){ clearS();CU=null;UP=null;utd=0;pum=0;pud=0;priceUsedAnon=0; // Hide ALL screens ['sc-app','sc-adm','sc-dealer','sc-dealer-reg','sc-shipping-reg','sc-chat','sc-dealer-ships'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); // Close any overlays const gate=document.getElementById('gate');if(gate)gate.classList.remove('on'); const chatOv=document.getElementById('chat-overlay');if(chatOv)chatOv.classList.remove('on'); const convOv=document.getElementById('conv-overlay');if(convOv)convOv.classList.remove('on'); // Remove ys so welcome page shows localStorage.removeItem("ys"); // Show welcome page document.getElementById("sc-ob").style.display="flex"; loadObCount(); } function toPro(){window.open(`https://wa.me/${WA}?text=Bonjour%2C%20je%20veux%20activer%20Yayo%20Pro%20%F0%9F%9A%97`,"_blank");} function swTab(t,el){ document.querySelectorAll(".panel").forEach(p=>p.classList.remove("on")); document.querySelectorAll(".tab").forEach(b=>b.classList.remove("on")); document.getElementById("pp-"+t).classList.add("on");el.classList.add("on"); if(t==="about")loadRefBox(); } function saveLimits(){ LIM_D=parseInt(document.getElementById("lim-daily").value)||3; LIM_M=parseInt(document.getElementById("lim-monthly").value)||1; localStorage.setItem("yd",LIM_D);localStorage.setItem("ym",LIM_M); const b=document.querySelector('[onclick="saveLimits()"]'); b.textContent="✅ Sauvegardé !";setTimeout(()=>b.textContent="✅ Sauvegarder les limites",2000); } // ── AI ── async function groq(prompt){ const r=await fetch("https://api.groq.com/openai/v1/chat/completions",{method:"POST",headers:{"Content-Type":"application/json","Authorization":`Bearer ${GK}`},body:JSON.stringify({model:"llama-3.3-70b-versatile",messages:[{role:"user",content:prompt}],temperature:0.7,max_tokens:1200})}); const d=await r.json();if(d.error)throw new Error("Oups, erreur IA 🙏"); return d.choices[0].message.content; } async function groqV(prompt,b64){ const r=await fetch("https://api.groq.com/openai/v1/chat/completions",{method:"POST",headers:{"Content-Type":"application/json","Authorization":`Bearer ${GK}`},body:JSON.stringify({model:"meta-llama/llama-4-scout-17b-16e-instruct",messages:[{role:"user",content:[{type:"image_url",image_url:{url:`data:image/jpeg;base64,${b64}`}},{type:"text",text:prompt}]}],temperature:0.7,max_tokens:1000})}); const d=await r.json();if(d.error)throw new Error("Oups, erreur vision 🙏"); return d.choices[0].message.content; } // Unsplash — 3 exact car images async function getCarImgs(query,n=3){ try{ // Google Custom Search — exact car model images // Use year + model for precision e.g. "Toyota Harrier 2018 exterior" const cleanQ=query.trim(); const q=encodeURIComponent(cleanQ+" exterior photo"); const url=`https://www.googleapis.com/customsearch/v1?key=${GCS_KEY}&cx=${GCS_CX}&q=${q}&searchType=image&num=${n}&imgType=photo&imgSize=xlarge&safe=active&imgColorType=color`; const r=await fetch(url); const d=await r.json(); if(d.error){console.log("Google CSE error:",d.error.message);} if(d.items&&d.items.length>0){ // Filter out logos, icons — keep only real photos (>10KB usually means real photo) const imgs=d.items .map(i=>i.link) .filter(u=>u&&u.startsWith("http")&&!u.includes("logo")&&!u.includes("icon")&&!u.includes("thumb")); if(imgs.length>0)return imgs; } // Retry with simpler query if no results const q2=encodeURIComponent(cleanQ+" car"); const r2=await fetch(`https://www.googleapis.com/customsearch/v1?key=${GCS_KEY}&cx=${GCS_CX}&q=${q2}&searchType=image&num=${n}&imgType=photo&safe=active`); const d2=await r2.json(); if(d2.items&&d2.items.length>0){ return d2.items.map(i=>i.link).filter(u=>u&&u.startsWith("http")); } }catch(e){console.log("Google img error:",e);} // Fallback to Unsplash if Google fails try{ const r3=await fetch(`https://api.unsplash.com/search/photos?query=${encodeURIComponent(query+" car")}&per_page=${n}&orientation=landscape`,{headers:{Authorization:`Client-ID ${UK}`}}); const d3=await r3.json(); if(d3.results&&d3.results.length>0)return d3.results.map(i=>i.urls.regular); }catch(e2){} return[]; } async function getImg(q){ const imgs=await getCarImgs(q,1); return imgs[0]||null; } // ── PRIX MARCHÉ ── async function doPrice(){ const inp=document.getElementById("pci").value.trim(); if(!inp){document.getElementById("pe").style.display="block";return;} document.getElementById("pe").style.display="none"; const pr=document.getElementById("pr"); const prc=document.getElementById("prc"); // Show loading animation immediately pr.classList.add("on"); document.getElementById("pr-imgs").innerHTML=""; prc.innerHTML='

Recherche des prix en cours...

'; // Wait 2 seconds await new Promise(r=>setTimeout(r,2000)); // Not logged in → show gate if(!CU){ const authed=await requireAuth(); if(!authed){pr.classList.remove("on");prc.innerHTML="";return;} await loadPUsg(); } // Quota used → upgrade screen (after 2 free searches) if(CU&&!canP()){ pr.classList.remove("on");prc.innerHTML=""; updPUI(); return; } const exactQuery=inp.trim(); const mkt=document.getElementById("pms").value; const promptLang=window.AI_LANG||LANG||'fr'; const langInstr=promptLang==='en'?'Respond ONLY in English.':promptLang==='ar'?'أجب باللغة العربية فقط.':'Réponds UNIQUEMENT en français.'; const prompt=`You are Yayo, a car price expert. ${langInstr} ALL prices in USD ($). Voiture: "${inp}" Marché: ${mkt} 💰 FOURCHETTE DE PRIX (en USD): Minimum: $X — Maximum: $Y 📊 DÉTAIL PAR ÉTAT: • Excellent état (< 50 000 km): $X • Bon état (50 000 - 100 000 km): $X • État correct (100 000 - 150 000 km): $X 🚢 COÛT D'IMPORTATION VERS L'AFRIQUE (en USD): • Transport maritime: $X • Dédouanement estimé: $X • Coût total import: $X 📈 TENDANCE: [En hausse / Stable / En baisse] — [1 phrase] ⚠️ POINTS D'ATTENTION: • [point 1] • [point 2] 🎯 VERDICT: [1-2 phrases]`; try{ const[res,imgs]=await Promise.all([groq(prompt),getCarImgs(exactQuery,3)]); await incPU(); // Show 3 car images in horizontal scroll if(imgs.length>0){ document.getElementById("pr-imgs").innerHTML= `

${imgs.map(u=>``).join("")}

`; } prc.textContent=res; // Show share button const shareBtn=document.getElementById("pr-share"); if(shareBtn)shareBtn.style.display="flex"; showHeartBtn('price'); updateShipCTA(); updPUI();updPN(); }catch(e){prc.textContent=e.message;} } // ── ANALYSER ── async function doDeal(){ const inp=document.getElementById("di").value.trim(); if(!inp){document.getElementById("de").style.display="block";return;} document.getElementById("de").style.display="none"; const dr=document.getElementById("dr");const dtxt=document.getElementById("dtxt");const dbdg=document.getElementById("dbdg"); const dealLang=window.AI_LANG||localStorage.getItem('yayo_lang')||'fr'; const dealLangInstr=dealLang==='en'?'Respond ONLY in English. ALL prices in USD.':dealLang==='ar'?'أجب باللغة العربية فقط. جميع الأسعار بالدولار الأمريكي.':'Réponds UNIQUEMENT en français. TOUS les prix en USD.'; dr.classList.add("on");dbdg.innerHTML="";dtxt.innerHTML='

Analyse en cours...

'; await new Promise(r=>setTimeout(r,2000)); if(!CU){const a=await requireAuth();if(!a){dr.classList.remove("on");return;}await loadUsg();} if(!canU()){dr.classList.remove("on");showLim("dl");return;} dtxt.innerHTML='

Analyse en cours...

'; const p=`Tu es Yayo, expert achat voitures marchés africains et Dubai. UNIQUEMENT en français. Prix en USD ($). Offre: "${inp}" 🚦 NIVEAU DE RISQUE: [Sûr / Prudence / Dangereux] 💰 ÉVALUATION DU PRIX: [Bon prix / Correct / Cher] en USD 🧾 COÛT TOTAL ESTIMÉ: $X (transport, assurance, taxes) ✅ POINTS À VÉRIFIER: • [point 1] • [point 2] • [point 3] • [point 4] 🎯 RECOMMANDATION FINALE: [1-2 phrases]`; try{ const res=await groq(p);await incU('deal'); let bc="warn",bt="⚠️ PRUDENCE";const l=res.toLowerCase(); if(l.includes("sûr")||l.includes("bon prix")){bc="safe";bt="✅ OFFRE SÛRE";} else if(l.includes("dangereux")){bc="danger";bt="🚨 DANGEREUX";} dbdg.innerHTML=`

${bt}

`;dtxt.textContent=res; const dShareBtn=document.getElementById("dr-share"); if(dShareBtn)dShareBtn.style.display="flex"; showHeartBtn('deal'); }catch(e){dtxt.textContent=e.message;} } // ── BUDGET ── async function doBudget(){ const bud=document.getElementById("bi").value.trim(); if(!bud||isNaN(bud)||Number(bud)<500){document.getElementById("be").style.display="block";return;} document.getElementById("be").style.display="none"; const cc2=document.getElementById("cc2");const dc2=document.getElementById("dc2"); cc2.innerHTML='

Recherche en cours...

'; await new Promise(r=>setTimeout(r,2000)); if(!CU){const a=await requireAuth();if(!a){cc2.innerHTML="";return;}await loadUsg();} if(!canU()){cc2.innerHTML="";showLim("bl");return;} const mkt=document.getElementById("ms").value; dc2.innerHTML=""; const budN=Number(bud); const lowBudget=budN<=3000; const budgetLang=window.AI_LANG||LANG||'fr'; const p=`You are Yayo. ONLY valid JSON no markdown. Prices in USD ($). Language for 'reason' field: ${budgetLang==='en'?'English':budgetLang==='ar'?'Arabic':'French'}. Budget: $${bud}. Marché: ${mkt}. ${lowBudget?"Budget bas: propose Mazda2/Mazda3, Hyundai i10/i20/Accent, Kia Picanto/Rio, Toyota Vitz/Yaris vieilles, Suzuki Swift. Ces marques sont fiables et peu chères.":"Propose des voitures dans le budget ou légèrement en dessous."} Format strict: [{"name":"Toyota Yaris 2013","price_range":"$2,500 - $3,000","tags":["Économique","Fiable","Faible conso"],"reason":"Parfaite pour les routes africaines, pièces disponibles partout.","search_query":"Toyota Yaris 2013"}] 3 voitures. Afrique=robustesse+garde au sol+pièces locales. Dubai=confort+clim. Toujours USD.`; try{ let res=await groq(p);await incU('budget'); res=res.replace(/```json|```/g,"").trim(); const cars=JSON.parse(res); cc2.innerHTML='

';const cg=document.getElementById("cg"); for(const c of cars){ const sid="c"+mkID().slice(0,8); const card=document.createElement("div");card.className="ccard"; card.innerHTML=`

🚗

${c.name}

${c.price_range}

${c.tags.map(t=>`${t}`).join("")}

${c.reason}

`; cg.appendChild(card); getImg(c.search_query).then(url=>{const ph=document.getElementById("ph-"+sid);if(url&&ph){const img=document.createElement("img");img.className="cimg";img.src=url;img.alt=c.name;ph.replaceWith(img);}}); } await loadDealers(mkt,budN,dc2); }catch(e){cc2.innerHTML=`

Oups, erreur. Réessaie 🙏

`;} } async function loadDealers(mkt,bud,con){ try{ const{data:ls}=await sb.from("listings").select("*, dealers(name,whatsapp,verified)").eq("active",true).ilike("city",`%${mkt.split(" ")[0]}%`).limit(5); if(!ls||ls.length===0)return; con.innerHTML='

🏪 Voitures disponibles près de chez vous

'; const dc3=document.getElementById("dc3"); for(const l of ls){ const card=document.createElement("div");card.className="dcard"; const msg=encodeURIComponent(`Bonjour, je suis intéressé par ${l.car_name} à ${l.price} USD sur Yayo 🚗`); const num=(l.dealers.whatsapp||"").replace(/\D/g,""); card.innerHTML=`

🚗

${l.car_name}

${l.price} USD

📍 ${l.city}${l.dealers.verified?"✅":""} ${l.dealers.name}

${l.description?`

${l.description}

`:""}💬 Contacter sur WhatsApp

`; dc3.appendChild(card); if(l.photo_url){const ph=document.getElementById("dph-"+l.id);if(ph){const img=document.createElement("img");img.className="dimg";img.src=l.photo_url;ph.replaceWith(img);}} } }catch(e){console.log(e);} } // ── PHOTO ── function onPhoto(ev){ const file=ev.target.files[0];if(!file)return; const reader=new FileReader(); reader.onload=(e)=>{ pb64=e.target.result.split(",")[1]; const prev=document.getElementById("prev");const uz=document.getElementById("uz"); prev.src=e.target.result;prev.style.display="block";uz.classList.add("has"); uz.querySelector(".upico").textContent="✅"; uz.querySelector(".uplbl").innerHTML="Photo chargée — changer"; document.getElementById("inspb").style.display="block"; document.getElementById("phr").classList.remove("on"); };reader.readAsDataURL(file); } async function doInspect(){ if(!pb64){document.getElementById("phoe").style.display="block";return;} document.getElementById("phoe").style.display="none"; const r=document.getElementById("phr");const t=document.getElementById("pht"); r.classList.add("on");t.innerHTML='

Détection en cours...

'; await new Promise(res=>setTimeout(res,2000)); if(!CU){const a=await requireAuth();if(!a){r.classList.remove("on");return;}await loadUsg();} if(!canU()){r.classList.remove("on");showLim("phl");return;} t.innerHTML='

Analyse visuelle en cours...

'; const p=`Tu es Yayo, expert inspection visuelle voitures. UNIQUEMENT en français. 🎨 PEINTURE & CARROSSERIE: [observations] 🔧 PANNEAUX & ALIGNEMENT: [observations] 💡 DÉFAUTS DÉTECTÉS: [défauts ou "Aucun défaut majeur"] ⚠️ NIVEAU DE RISQUE: [Faible / Modéré / Élevé] 📋 RECOMMANDATION: [1-2 phrases] ⚠️ Ne remplace pas une inspection physique professionnelle.`; try{const res=await groqV(p,pb64);await incU('photo');t.textContent=res;} catch(e){t.textContent=e.message;} } function resetPhoto(){ pb64=null;document.getElementById("fi").value=""; document.getElementById("prev").style.display="none";document.getElementById("prev").src=""; document.getElementById("inspb").style.display="none";document.getElementById("phr").classList.remove("on"); const uz=document.getElementById("uz");uz.classList.remove("has"); uz.querySelector(".upico").textContent="📷"; uz.querySelector(".uplbl").innerHTML="Appuie pour choisir une photo"; } // ── ADMIN ── async function loadAdmin(){ const t=new Date().toISOString().split("T")[0]; const wa=new Date(Date.now()-7*864e5).toISOString(); const[{count:c1},{count:c2},{count:c3},{data:ud},{count:c5},{count:c6}]=await Promise.all([ sb.from("users").select("*",{count:"exact",head:true}), sb.from("users").select("*",{count:"exact",head:true}).gte("created_at",t), sb.from("users").select("*",{count:"exact",head:true}).gte("created_at",wa), sb.from("usage").select("count").eq("date",t), sb.from("users").select("*",{count:"exact",head:true}).eq("is_pro",true), sb.from("dealers").select("*",{count:"exact",head:true}).eq("active",true) ]); ["s1","s2","s3","s4","s5","s6"].forEach((id,i)=>{ document.getElementById(id).textContent=[c1,c2,c3,ud?ud.reduce((s,r)=>s+r.count,0):0,c5,c6][i]||0; }); // Feature usage from localStorage const fu={...FU}; const total=Math.max(1,Object.values(fu).reduce((a,b)=>a+b,0)); const colors={"price":"#00C2B2","budget":"#f5c842","deal":"#2ecc71","photo":"#9b59b6"}; const names={"price":"🔍 Prix Marché","budget":"💰 Budget","deal":"🛡️ Analyser","photo":"📷 Photo"}; const sorted=Object.entries(fu).sort((a,b)=>b[1]-a[1]); document.getElementById("feat-usage").innerHTML=sorted.map(([k,v])=>{ const pct=Math.round(v/total*100); return`

${names[k]}

${v}

${pct}%

`; }).join(""); document.getElementById("lim-daily").value=LIM_D; document.getElementById("lim-monthly").value=LIM_M; const{data:users}=await sb.from("users").select("*,role").order("created_at",{ascending:false}).limit(100); const{data:au}=await sb.from("usage").select("user_id,count").eq("date",t); const um={};if(au)au.forEach(u=>{um[u.user_id]=(um[u.user_id]||0)+u.count;}); allU=users||[];renderU(allU,um); const{data:dealers}=await sb.from("dealers").select("*").order("created_at",{ascending:false}); await loadAdminDealerSection(dealers,t); await loadShippingAgencies(); await loadAdminTeam(); } function renderU(users,um={}){ const ul=document.getElementById("ulist"); if(!users||users.length===0){ul.innerHTML='

Aucun utilisateur encore.

';return;} ul.innerHTML=users.map(u=>{ const date=new Date(u.created_at).toLocaleDateString("fr-FR"); const an=um[u.id]||0; const pct=Math.min(100,Math.round(an/LIM_D*100)); const nm=u.name ?`${u.name}
${(u.identifier||"").slice(0,28)}` :`${(u.identifier||"").slice(0,28)}`; const tp=u.login_type==="whatsapp"?"📱":"📧"; const pt=u.is_pro?'⭐ PRO':'Gratuit'; const usage=`

${an}/${LIM_D}

`; // Role badge const roleMap={admin_full:"👑 Admin",admin_dealers:"🏪 Dealers",admin_stats:"📊 Stats"}; const roleBadge=u.role&&u.role!=="user"&&roleMap[u.role] ?` ${roleMap[u.role]}` :""; const ab=`

${u.is_pro ?`Désactiver Pro` :`⭐ Pro`} 👤 User 📊 Stats 🏪 Dealers 👑 Admin

`; return`

${tp} ${nm}${roleBadge}

${u.login_type==="whatsapp"?"WhatsApp":"Email"}

${pt}

${date}

${usage}

${ab}

`; }).join(""); } function filterU(){ const q=document.getElementById("usrch").value.toLowerCase(); renderU(allU.filter(u=>(u.identifier||"").toLowerCase().includes(q)||(u.name||"").toLowerCase().includes(q))); } async function togPro(id,make){ await sb.from("users").update({is_pro:make}).eq("id",id); // Update session if current user if(CU&&CU.id===id){UP.is_pro=make;const s=getS();if(s){s.is_pro=make;saveS(s);}} await loadAdmin(); } async function verD(id){await sb.from("dealers").update({verified:true}).eq("id",id);await loadAdmin();} async function togD(id,cur){await sb.from("dealers").update({active:!cur}).eq("id",id);await loadAdmin();} // ── USER COUNT on onboarding ── async function loadObCount(){ try{ const{count}=await sb.from("users").select("*",{count:"exact",head:true}); const el=document.getElementById("ob-count"); if(el&&count>0){ el.innerHTML=`🌍 Visibilité auprès de 300M+ francophones`; } else if(el){ el.innerHTML=`🌍 Visibilité auprès de 300M+ francophones`; } }catch(e){} } // ── WELCOME TOAST ── function showWelcome(name){ const t=document.createElement("div"); t.className="welcome-toast"; t.textContent=`Bienvenue ${name} 👋 Vous avez 3 analyses gratuites aujourd'hui !`; document.body.appendChild(t); setTimeout(()=>t.remove(),4200); } // ── SHARE RESULT ── function shareResult(type){ const url="https://yayo.digital"; let txt=""; if(type==="price"){ const car=document.getElementById("pci").value.trim(); const mkt=document.getElementById("pms").value; const res=document.getElementById("prc").textContent.slice(0,200); txt=`🚗 J'ai trouvé le prix du ${car} sur ${mkt} avec Yayo ! ${res}... 👉 Essaie gratuitement: ${url}`; } else if(type==="deal"){ const deal=document.getElementById("di").value.trim().slice(0,100); txt=`🛡️ J'ai analysé cette offre avec Yayo ! "${deal}..." 👉 Analyse ta voiture gratuitement: ${url}`; } const ref=getSession(); if(ref&&ref.refCode)txt+=`?ref=${ref.refCode}`; window.open(`https://wa.me/?text=${encodeURIComponent(txt)}`,"_blank"); } // ── REFERRAL SYSTEM ── function genRefCode(contact){ // Generate short code from contact return btoa(contact).replace(/[^a-zA-Z0-9]/g,"").slice(0,8).toLowerCase(); } function loadRefBox(){ if(!CU)return; const box=document.getElementById("ref-box"); if(!box)return; box.style.display="block"; const code=genRefCode(UP.identifier||CU.contact); const refUrl=`https://yayo.digital?ref=${code}`; const el=document.getElementById("ref-url"); if(el)el.textContent=refUrl; // Load referral stats from localStorage const refs=parseInt(localStorage.getItem("yayo_refs_"+CU.id)||"0"); const el2=document.getElementById("ref-count"); const el3=document.getElementById("ref-bonus"); if(el2)el2.textContent=refs; if(el3)el3.textContent=refs*REFERRAL_BONUS; // Save ref code to session const sess=getSession(); if(sess){sess.refCode=code;saveS(sess);} } function copyRef(){ if(!CU)return; const code=genRefCode(UP.identifier||CU.contact); const refUrl=`https://yayo.digital?ref=${code}`; navigator.clipboard.writeText(refUrl).then(()=>{ const btn=document.querySelector(".ref-copy"); if(btn){btn.textContent="✅ Copié!";setTimeout(()=>btn.textContent="Copier",2000);} }).catch(()=>{ // Fallback const ta=document.createElement("textarea"); ta.value=refUrl;document.body.appendChild(ta);ta.select(); document.execCommand("copy");document.body.removeChild(ta); const btn=document.querySelector(".ref-copy"); if(btn){btn.textContent="✅ Copié!";setTimeout(()=>btn.textContent="Copier",2000);} }); } function shareRef(){ if(!CU)return; const code=genRefCode(UP.identifier||CU.contact); const refUrl=`https://yayo.digital?ref=${code}`; const name=UP.name||"un ami"; const txt=`🚗 ${name} t'invite sur Yayo ! Achète ta prochaine voiture sans te faire arnaquer. Prix du marché, analyse des offres, inspection photo — GRATUIT. 👉 ${refUrl}`; window.open(`https://wa.me/?text=${encodeURIComponent(txt)}`,"_blank"); } // Check referral code on page load function checkRefCode(){ const params=new URLSearchParams(window.location.search); const ref=params.get("ref"); if(ref){ refCode=ref; sessionStorage.setItem("yayo_ref",ref); // Credit the referrer when new user registers } } // Credit referrer after new registration async function creditReferrer(newUserId){ const ref=refCode||sessionStorage.getItem("yayo_ref"); if(!ref)return; // Find referrer by code — store in usage as bonus // For now track in localStorage on their device // Full server-side tracking needs a referrals table console.log("Referral tracked:", ref, "for new user:", newUserId); } // ══════════════════════════════════════════════════════ // YAYO DEALER SYSTEM // ══════════════════════════════════════════════════════ let DEALER_DATA=null; function showScreen(id){ ['sc-ob','sc-auth','sc-app','sc-adm','sc-dealer','sc-dealer-reg','sc-shipping-reg'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); const el=document.getElementById(id);if(!el)return; el.style.display=(id==='sc-ob'||id==='sc-dealer-reg')?'flex':'block'; } async function submitDealerReg(){ const btn=document.querySelector('#dreg-form .btn'); const err=document.getElementById('dreg-err'); if(!btn||!err)return; err.style.display='none'; const name=(document.getElementById('dr-name')||{}).value?.trim()||''; const country=(document.getElementById('dr-country')||{}).value||''; const city=(document.getElementById('dr-city')||{}).value?.trim()||''; const wa=(document.getElementById('dr-wa')||{}).value?.trim()||''; const email=(document.getElementById('dr-email')||{}).value?.trim()||''; const carTypes=(document.getElementById('dr-type')||{}).value||''; const priceRange=(document.getElementById('dr-range')||{}).value||''; const exportAf=(document.getElementById('dr-export')||{}).value==='yes'; if(!name){err.textContent='Oups ! Entrez le nom de votre garage 🙏';err.style.display='block';return;} if(!city){err.textContent='Oups ! Entrez votre ville 🙏';err.style.display='block';return;} if(!wa||wa.replace(/\D/g,'').length<8){err.textContent='Oups ! WhatsApp requis — entrez un numéro valide 🙏';err.style.display='block';return;} if(!email||!email.includes('@')){err.textContent='Oups ! Email requis — entrez une adresse valide 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Envoi...'; try{ const{error}=await sb.from('dealers').insert({ name,city,country,whatsapp:wa,email:email||null, car_types:carTypes,price_range:priceRange, export_africa:exportAf,verified:false,active:false, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message+' 🙏';err.style.display='block';return;} const form=document.getElementById('dreg-form'); const success=document.getElementById('dreg-success'); if(form)form.style.display='none'; if(success)success.style.display='block'; const msg=encodeURIComponent(`🚗 Nouveau dealer Yayo !\n\nNom: ${name}\nVille: ${city}, ${country}\nWhatsApp: ${wa}\nTypes: ${carTypes}\nExport Afrique: ${exportAf?'Oui':'Non'}\n\nVérifiez dans le dashboard admin.`); setTimeout(()=>window.open(`https://wa.me/${WA}?text=${msg}`,'_blank'),1500); }catch(e){err.textContent='Erreur de connexion 🙏';err.style.display='block';} finally{btn.disabled=false;btn.textContent='🚗 Soumettre ma candidature';} } async function checkIfDealer(contact){ if(!contact)return null; try{ // Try whatsapp match (normalize number) const norm=contact.replace(/[\s\-\(\)]/g,''); const{data:d1}=await sb.from('dealers').select('*').eq('whatsapp',norm).eq('verified',true).eq('active',true).maybeSingle(); if(d1)return d1; // Try with + prefix const withPlus=norm.startsWith('+')?norm:'+'+norm; const{data:d2}=await sb.from('dealers').select('*').eq('whatsapp',withPlus).eq('verified',true).eq('active',true).maybeSingle(); if(d2)return d2; // Try email match const{data:d3}=await sb.from('dealers').select('*').eq('email',contact).eq('verified',true).eq('active',true).maybeSingle(); return d3||null; }catch(e){console.log('checkIfDealer:',e);return null;} } async function loadDealerDashboard(){ if(!DEALER_DATA)return; const nm=document.getElementById('dealer-biz-name'); const loc=document.getElementById('dealer-biz-loc'); if(nm)nm.textContent=DEALER_DATA.name||'Mon Garage'; if(loc)loc.textContent=`📍 ${DEALER_DATA.city||''}, ${DEALER_DATA.country||''}`; const mo=new Date().toISOString().slice(0,7); const[{data:cars},{data:leads}]=await Promise.all([ sb.from('listings').select('*').eq('dealer_id',DEALER_DATA.id).order('created_at',{ascending:false}), sb.from('leads').select('*').eq('dealer_id',DEALER_DATA.id).gte('created_at',mo+'-01').order('created_at',{ascending:false}) ]); const activeCars=(cars||[]).filter(x=>x.active&&!x.sold).length; const totalLeads=(leads||[]).length; const newLeads=(leads||[]).filter(x=>!x.seen).length; const s1=document.getElementById('d-stat-cars');const s2=document.getElementById('d-stat-leads');const s3=document.getElementById('d-stat-new'); const bl=document.getElementById('bill-leads');const bt=document.getElementById('bill-total'); if(s1)s1.textContent=activeCars;if(s2)s2.textContent=totalLeads;if(s3)s3.textContent=newLeads; if(bl)bl.textContent=totalLeads;if(bt)bt.textContent=`$${totalLeads*20}`; const cl=document.getElementById('dealer-cars-list'); if(cl){ if(!cars||cars.length===0){cl.innerHTML='

Aucune voiture listée.
Ajoutez votre première voiture !

';} else{cl.innerHTML=cars.map(car=>`

${car.photo_url?``:`

🚗

`}

${car.car_name}

$${Number(car.price||0).toLocaleString()} USD

${car.year?`📅 ${car.year}`:''} ${car.mileage?`🔢 ${Number(car.mileage).toLocaleString()} km`:''} ${car.condition?`⭐ ${car.condition}`:''} ${car.sold?'✅ Vendu':car.active?'🟢 Actif':'⏸ Inactif'}${car.export_africa?`🚢 Export`:''}

${!car.sold?`

${car.active?'⏸ Désactiver':'▶ Activer'}✅ Vendu

`:''}

`).join('');} } const ll=document.getElementById('dealer-leads-list'); if(ll){ if(!leads||leads.length===0){ll.innerHTML='

Aucun lead encore.

';} else{ ll.innerHTML=leads.map(lead=>`

👤 ${lead.buyer_name||'Acheteur anonyme'}

🚗 ${lead.car_interest||'—'}

🕐 ${new Date(lead.created_at).toLocaleDateString('fr-FR')}

${lead.seen?'Vu':'🔴 Nouveau'}${lead.buyer_wa?`💬 Contacter`:'No WhatsApp'}

`).join(''); await sb.from('leads').update({seen:true}).eq('dealer_id',DEALER_DATA.id).eq('seen',false); } } const dpn=document.getElementById('dp-name');const dpc=document.getElementById('dp-city');const dpw=document.getElementById('dp-wa'); if(dpn)dpn.value=DEALER_DATA.name||'';if(dpc)dpc.value=DEALER_DATA.city||'';if(dpw)dpw.value=DEALER_DATA.whatsapp||''; } function swDTab(t,el){ document.querySelectorAll('.dpanel').forEach(p=>p.classList.remove('on')); document.querySelectorAll('.dtab').forEach(b=>b.classList.remove('on')); const panel=document.getElementById('dp-'+t); if(panel)panel.classList.add('on');el.classList.add('on'); } function openAddCarModal(){ // Reset title for dealer use const title=document.querySelector('#add-car-modal .modal-title'); if(title&&!document.getElementById('car-dealer-id')?.value)title.textContent='🚗 Ajouter une voiture'; const m=document.getElementById('add-car-modal');if(m)m.classList.add('on'); } function closeAddCarModal(){const m=document.getElementById('add-car-modal');if(m)m.classList.remove('on');} async function submitAddCar(){ const btn=document.querySelector('#add-car-modal .btn'); const err=document.getElementById('add-car-err'); if(!btn||!err)return;err.style.display='none'; const name=(document.getElementById('car-name')||{}).value?.trim()||''; const year=(document.getElementById('car-year')||{}).value||null; const km=(document.getElementById('car-km')||{}).value||null; const price=(document.getElementById('car-price')||{}).value||'0'; const condition=(document.getElementById('car-condition')||{}).value||''; const color=(document.getElementById('car-color')||{}).value?.trim()||''; const desc=(document.getElementById('car-desc')||{}).value?.trim()||''; const exportAf=(document.getElementById('car-export')||{}).value==='yes'; const photo=(document.getElementById('car-photo')||{}).value?.trim()||''; if(!name){err.textContent='Entrez le nom de la voiture 🙏';err.style.display='block';return;} if(!DEALER_DATA){err.textContent='Erreur: profil dealer introuvable 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Publication...'; try{ const{error}=await sb.from('listings').insert({ dealer_id:DEALER_DATA.id,car_name:`${name}${year?' '+year:''}`,price, year:year?parseInt(year):null,mileage:km?parseInt(km):null, condition:condition||null,color:color||null,description:desc||null, photo_url:photo||null,city:DEALER_DATA.city||'', export_africa:exportAf,active:true,sold:false, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message;err.style.display='block';return;} ['car-name','car-year','car-km','car-price','car-color','car-desc','car-photo'].forEach(id=>{const el=document.getElementById(id);if(el)el.value='';}); closeAddCarModal();showToast('✅ Voiture publiée !'); await loadDealerDashboard(); }catch(e){err.textContent='Erreur de connexion 🙏';err.style.display='block';} finally{btn.disabled=false;btn.textContent='✅ Publier cette voiture';} } async function toggleCarActive(id,cur){await sb.from('listings').update({active:!cur}).eq('id',id);showToast(cur?'⏸ Désactivée':'▶ Activée');await loadDealerDashboard();} async function markCarSold(id){if(!confirm('Marquer comme vendue ?'))return;await sb.from('listings').update({active:false,sold:true}).eq('id',id);showToast('✅ Vendue !');await loadDealerDashboard();} async function saveDealerProfile(){ if(!DEALER_DATA)return; const name=(document.getElementById('dp-name')||{}).value?.trim()||DEALER_DATA.name; const city=(document.getElementById('dp-city')||{}).value?.trim()||DEALER_DATA.city; const wa=(document.getElementById('dp-wa')||{}).value?.trim()||DEALER_DATA.whatsapp; await sb.from('dealers').update({name,city,whatsapp:wa}).eq('id',DEALER_DATA.id); DEALER_DATA={...DEALER_DATA,name,city,whatsapp:wa};showToast('✅ Profil sauvegardé !'); } function contactLead(wa,car){ const num=wa.replace(/\D/g,'');if(!num){alert('WhatsApp non disponible');return;} const msg=encodeURIComponent(`Bonjour ! Je vous contacte depuis Yayo concernant votre intérêt pour ${car}. Comment puis-je vous aider ? 🚗`); window.open(`https://wa.me/${num}?text=${msg}`,'_blank'); } function payInvoice(){ const leads=parseInt((document.getElementById('bill-leads')||{}).textContent)||0; const msg=encodeURIComponent(`Bonjour Yayo ! Paiement facture dealer.\nGarage: ${DEALER_DATA?DEALER_DATA.name:''}\nLeads: ${leads}\nMontant: $${leads*20}\nMerci !`); window.open(`https://wa.me/${WA}?text=${msg}`,'_blank'); } async function trackLead(dealerId,dealerWa,carName){ try{ await sb.from('leads').insert({ dealer_id:dealerId, buyer_name:UP?UP.name||null:null, buyer_wa:UP?UP.identifier||null:null, car_interest:carName,seen:false, created_at:new Date().toISOString() }); }catch(e){console.log('Lead:',e);} const num=(dealerWa||'').replace(/\D/g,''); const msg=encodeURIComponent(`Bonjour ! Je vous contacte depuis Yayo. Je suis intéressé par ${carName}. Informations disponibles ? 🚗`); window.open(`https://wa.me/${num}?text=${msg}`,'_blank'); } async function loadDealersWithTracking(mkt,bud,con){ try{ const city=mkt.split(' ')[0]; const{data:ls}=await sb.from('listings').select('*, dealers(id,name,whatsapp,verified)').eq('active',true).eq('sold',false).ilike('city',`%${city}%`).limit(6); if(!ls||ls.length===0)return; con.innerHTML='

🏪 Voitures disponibles près de chez vous

'; const dc3=document.getElementById('dc3');if(!dc3)return; for(const l of ls){ const card=document.createElement('div');card.className='dcard'; const num=(l.dealers?.whatsapp||'').replace(/\D/g,''); card.innerHTML=`

🚗

${l.car_name}

$${Number(l.price||0).toLocaleString()} USD

📍 ${l.city||''}${l.dealers?.verified?'✅':''} ${l.dealers?.name||''}${l.year?`📅 ${l.year}`:''}${l.mileage?`🔢 ${Number(l.mileage).toLocaleString()} km`:''}${l.export_africa?`🚢 Export`:''}

${l.description?`

${l.description}

`:''}

💬 Discuter avec ce dealer

`; dc3.appendChild(card); if(l.photo_url){const ph=document.getElementById('dph-'+l.id);if(ph){const img=document.createElement('img');img.className='dimg';img.src=l.photo_url;img.onerror=()=>ph.textContent='🚗';ph.replaceWith(img);}} } }catch(e){console.log('Dealers:',e);} } function updateShipCTA(){ const mkt=(document.getElementById('pms')||{}).value||''; const cta=document.getElementById('ship-cta'); if(cta)cta.style.display=mkt.toLowerCase().includes('dubai')?'block':'none'; } function requestImport(){ const car=(document.getElementById('pci')||{}).value?.trim()||'une voiture'; const mkt=(document.getElementById('pms')||{}).value||'Dubai'; // Show import request in chat with Yayo admin if(!CU){ requireAuth().then(authed=>{ if(authed) requestImport(); }); return; } const msg=`Je veux importer ${car} depuis ${mkt}. Pouvez-vous me préparer un devis complet ? (voiture + transport + douane)`; // Open chat with Yayo support (admin) openChat('yayo-admin','Yayo Support',`Import: ${car}`, 'fr'); // Pre-fill message setTimeout(()=>{ const inp=document.getElementById('chat-input'); if(inp){inp.value=msg;inp.focus();} },500); } async function loadAdminDealerSection(dealers,t){ const mo=t.slice(0,7); const{data:allLeads}=await sb.from('leads').select('dealer_id').gte('created_at',mo+'-01'); const lc={};(allLeads||[]).forEach(l=>{lc[l.dealer_id]=(lc[l.dealer_id]||0)+1;}); const dl=document.getElementById('dlist');if(!dl)return; if(!dealers||dealers.length===0){dl.innerHTML='

Aucun dealer encore.

';return;} dl.innerHTML=dealers.map(d=>`

${d.name}

${d.car_types||'—'}

📍 ${d.city||'—'}
${d.country||''}

${d.whatsapp||'—'}

${d.verified?'✅ Vérifié':'⏳ En attente'}${d.export_africa?' 🚢':''}

${lc[d.id]||0} leads${!d.verified?`✅ Vérifier`:''}+ Voiture ${d.active?'Désactiver':'Activer'}

`).join(''); } function showToast(msg){ const t=document.createElement('div');t.className='welcome-toast';t.textContent=msg; document.body.appendChild(t);setTimeout(()=>{if(t.parentNode)t.remove();},4000); } function openAddDealerModal(){ const m=document.getElementById('add-dealer-modal'); if(m)m.classList.add('on'); } function closeAddDealerModal(){ const m=document.getElementById('add-dealer-modal'); if(m)m.classList.remove('on'); const e=document.getElementById('add-dealer-err'); if(e)e.style.display='none'; } async function submitAddDealer(){ const btn=document.querySelector('#add-dealer-modal .btn'); const err=document.getElementById('add-dealer-err'); if(!btn||!err)return; err.style.display='none'; const name=(document.getElementById('ad-name')||{}).value?.trim()||''; const country=(document.getElementById('ad-country')||{}).value||''; const city=(document.getElementById('ad-city')||{}).value?.trim()||''; const wa=(document.getElementById('ad-wa')||{}).value?.trim()||''; const email=(document.getElementById('ad-email')||{}).value?.trim()||''; const carTypes=(document.getElementById('ad-type')||{}).value||''; const exportAf=(document.getElementById('ad-export')||{}).value==='true'; const active=(document.getElementById('ad-active')||{}).value==='true'; if(!name){err.textContent='Nom requis 🙏';err.style.display='block';return;} if(!city){err.textContent='Ville requise 🙏';err.style.display='block';return;} if(!wa){err.textContent='WhatsApp requis 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Ajout...'; try{ const{error}=await sb.from('dealers').insert({ name,city,country,whatsapp:wa,email:email||null, car_types:carTypes,export_africa:exportAf, verified:true,active:active, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message;err.style.display='block';return;} // Get dealer details for notification const dealerName=(document.getElementById('ad-name')||{}).value?.trim()||''; const dealerWa=(document.getElementById('ad-wa')||{}).value?.trim()||''; const dealerCity=(document.getElementById('ad-city')||{}).value?.trim()||''; // Send WhatsApp welcome to dealer const dealerNum=(wa||'').replace(/\D/g,''); if(dealerNum){ const welcomeMsg=encodeURIComponent( 'Bonjour '+name+' ! 🚗\n\n'+ 'Bienvenue sur *Yayo* — votre compte dealer est activé !\n\n'+ '✅ Connectez-vous maintenant pour lister vos voitures :\n'+ '👉 yayo.digital\n\n'+ 'Utilisez ce numéro WhatsApp pour vous connecter.\n\n'+ 'Des questions ? Répondez à ce message.\n'+ '— L\'équipe Yayo 🚗' ); window.open('https://wa.me/'+dealerNum+'?text='+welcomeMsg,'_blank'); } closeAddDealerModal(); ['ad-name','ad-city','ad-wa','ad-email'].forEach(id=>{ const el=document.getElementById(id);if(el)el.value=''; }); if(typeof showToast==='function')showToast('✅ Dealer ajouté — message WhatsApp envoyé !'); await loadAdmin(); if(dealerNum){ const msg=encodeURIComponent( `Bonjour ${dealerName} ! 🚗\n\n`+ `Bienvenue sur Yayo !\n\n`+ `Votre compte dealer est activé. ✅\n\n`+ `Connectez-vous maintenant pour lister vos voitures :\n`+ `👉 https://yayo.digital\n\n`+ `Utilisez ce numéro WhatsApp pour vous connecter.\n\n`+ `Des questions ? Répondez à ce message.\n`+ `— L'équipe Yayo 🚗` ); setTimeout(()=>{ window.open(`https://wa.me/${dealerNum}?text=${msg}`,'_blank'); },500); } }catch(e){ err.textContent='Erreur de connexion 🙏';err.style.display='block'; }finally{ btn.disabled=false;btn.textContent='✅ Ajouter ce dealer'; } } // ── PHOTO UPLOAD TO SUPABASE STORAGE ── let carImgFile = null; function onCarImgSelect(event){ const file = event.target.files[0]; if(!file) return; carImgFile = file; const reader = new FileReader(); reader.onload = (e) => { const preview = document.getElementById('car-img-preview'); const placeholder = document.getElementById('car-img-placeholder'); if(preview){ preview.src = e.target.result; preview.style.display = 'block'; } if(placeholder) placeholder.style.display = 'none'; }; reader.readAsDataURL(file); } async function uploadCarPhoto(file, dealerId){ try{ // Show progress const prog = document.getElementById('car-upload-progress'); const bar = document.getElementById('car-upload-bar'); if(prog) prog.style.display = 'block'; if(bar) bar.style.width = '30%'; // Create unique filename const ext = file.name.split('.').pop() || 'jpg'; const fileName = `${dealerId}/${Date.now()}.${ext}`; if(bar) bar.style.width = '60%'; // Upload to Supabase Storage const { data, error } = await sb.storage .from('car-photos') .upload(fileName, file, { cacheControl: '3600', upsert: false, contentType: file.type }); if(bar) bar.style.width = '90%'; if(error){ console.error('Upload error:', error); return null; } // Get public URL const { data: urlData } = sb.storage .from('car-photos') .getPublicUrl(fileName); if(bar) bar.style.width = '100%'; if(prog) setTimeout(() => { prog.style.display = 'none'; }, 500); return urlData?.publicUrl || null; }catch(e){ console.error('Upload error:', e); return null; } } // ── OVERRIDE submitAddCar WITH PHOTO UPLOAD ── async function submitAddCar(){ const btn = document.querySelector('#add-car-modal .btn'); const err = document.getElementById('add-car-err'); if(!btn || !err) return; err.style.display = 'none'; const name = (document.getElementById('car-name')||{}).value?.trim()||''; const year = (document.getElementById('car-year')||{}).value||null; const km = (document.getElementById('car-km')||{}).value||null; const price = (document.getElementById('car-price')||{}).value||'0'; const condition = (document.getElementById('car-condition')||{}).value||''; const color = (document.getElementById('car-color')||{}).value?.trim()||''; const desc = (document.getElementById('car-desc')||{}).value?.trim()||''; const exportAf = (document.getElementById('car-export')||{}).value === 'yes'; const photoUrl = (document.getElementById('car-photo')||{}).value?.trim()||''; const overrideDealerId = (document.getElementById('car-dealer-id')||{}).value||''; if(!name){ err.textContent = 'Entrez le nom de la voiture 🙏'; err.style.display = 'block'; return; } if(!price || isNaN(price)){ err.textContent = 'Entrez un prix valide 🙏'; err.style.display = 'block'; return; } // Determine dealer const dealerId = overrideDealerId || (DEALER_DATA ? DEALER_DATA.id : null); const dealerCity = overrideDealerId ? (adminDealerCity || '') : (DEALER_DATA ? DEALER_DATA.city || '' : ''); if(!dealerId){ err.textContent = 'Erreur: dealer introuvable 🙏'; err.style.display = 'block'; return; } btn.disabled = true; btn.textContent = '⏳ Publication...'; try{ let finalPhotoUrl = photoUrl; // Upload photo if selected if(carImgFile && !photoUrl){ btn.textContent = '⏳ Upload photo...'; finalPhotoUrl = await uploadCarPhoto(carImgFile, dealerId); if(!finalPhotoUrl){ err.textContent = 'Erreur upload photo. Essayez un lien URL à la place 🙏'; err.style.display = 'block'; btn.disabled = false; btn.textContent = '✅ Publier cette voiture'; return; } } const { error } = await sb.from('listings').insert({ dealer_id: dealerId, car_name: `${name}${year ? ' ' + year : ''}`, price, year: year ? parseInt(year) : null, mileage: km ? parseInt(km) : null, condition: condition || null, color: color || null, description: desc || null, photo_url: finalPhotoUrl || null, city: dealerCity, export_africa: exportAf, active: true, sold: false, created_at: new Date().toISOString() }); if(error){ err.textContent = 'Erreur: ' + error.message; err.style.display = 'block'; return; } // Reset form ['car-name','car-year','car-km','car-price','car-color','car-desc','car-photo'].forEach(id=>{ const el = document.getElementById(id); if(el) el.value = ''; }); const preview = document.getElementById('car-img-preview'); const placeholder = document.getElementById('car-img-placeholder'); if(preview){ preview.src = ''; preview.style.display = 'none'; } if(placeholder) placeholder.style.display = 'block'; carImgFile = null; document.getElementById('car-dealer-id').value = ''; adminDealerCity = ''; closeAddCarModal(); if(typeof showToast === 'function') showToast('✅ Voiture publiée !'); // Reload appropriate dashboard if(overrideDealerId){ await loadAdmin(); } else { await loadDealerDashboard(); } }catch(e){ console.error(e); err.textContent = 'Erreur de connexion 🙏'; err.style.display = 'block'; }finally{ btn.disabled = false; btn.textContent = '✅ Publier cette voiture'; } } // ── ADMIN: ADD CAR FOR SPECIFIC DEALER ── let adminDealerCity = ''; async function adminAddCarForDealer(dealerId, dealerName){ // Set hidden dealer ID const hiddenId = document.getElementById('car-dealer-id'); if(hiddenId) hiddenId.value = dealerId; // Find dealer city from allU equivalent (dealers list) // Update modal title const title = document.querySelector('#add-car-modal .modal-title'); if(title) title.textContent = `🚗 Ajouter voiture — ${dealerName}`; // Open modal openAddCarModal(); } // Store dealer city when admin adds car async function getDealerCity(dealerId){ try{ const { data } = await sb.from('dealers').select('city').eq('id', dealerId).maybeSingle(); return data?.city || ''; }catch(e){ return ''; } } // ── PHOTO UPLOAD TO SUPABASE STORAGE ── async function uploadPhoto(file, bucket='car-photos'){ try{ const ext=file.name.split('.').pop()||'jpg'; const fileName=`${Date.now()}_${Math.random().toString(36).slice(2)}.${ext}`; const{error}=await sb.storage.from(bucket).upload(fileName,file,{ cacheControl:'3600',upsert:false,contentType:file.type }); if(error)throw error; const{data}=sb.storage.from(bucket).getPublicUrl(fileName); return data.publicUrl||null; }catch(e){ console.error('Upload error:',e); return null; } } // ── DEALER DASHBOARD PHOTO SELECT ── function onCarPhotoSelect(event){ const file=event.target.files[0];if(!file)return; const reader=new FileReader(); reader.onload=(e)=>{ const prev=document.getElementById('car-photo-preview'); const ico=document.getElementById('car-upload-ico'); const lbl=document.getElementById('car-upload-lbl'); if(prev){prev.src=e.target.result;prev.style.display='block';} if(ico)ico.textContent='✅'; if(lbl)lbl.innerHTML="Photo chargée — changer"; }; reader.readAsDataURL(file); // Store file reference for upload window._carPhotoFile=file; } // ── ADMIN PHOTO SELECT ── function onAdminCarPhoto(event){ const file=event.target.files[0];if(!file)return; const reader=new FileReader(); reader.onload=(e)=>{ const prev=document.getElementById('acar-photo-preview'); const lbl=document.getElementById('acar-upload-lbl'); if(prev){prev.src=e.target.result;prev.style.display='block';} if(lbl)lbl.innerHTML="Photo chargée — changer"; }; reader.readAsDataURL(file); window._adminCarPhotoFile=file; } // ── SUBMIT ADD CAR (dealer dashboard) with photo upload ── // Override the existing submitAddCar to handle photo upload const _origSubmitAddCar=window.submitAddCar; window.submitAddCar=async function(){ const btn=document.querySelector('#add-car-modal .btn'); const err=document.getElementById('add-car-err'); if(!btn||!err)return; err.style.display='none'; const name=(document.getElementById('car-name')||{}).value?.trim()||''; const year=(document.getElementById('car-year')||{}).value||null; const km=(document.getElementById('car-km')||{}).value||null; const price=(document.getElementById('car-price')||{}).value||'0'; const condition=(document.getElementById('car-condition')||{}).value||''; const color=(document.getElementById('car-color')||{}).value?.trim()||''; const desc=(document.getElementById('car-desc')||{}).value?.trim()||''; const exportAf=(document.getElementById('car-export')||{}).value==='yes'; if(!name){err.textContent='Entrez le nom de la voiture 🙏';err.style.display='block';return;} if(!DEALER_DATA){err.textContent='Erreur: profil dealer introuvable 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Publication...'; try{ // Upload photo if selected let photoUrl=null; if(window._carPhotoFile){ btn.textContent='📤 Upload photo...'; photoUrl=await uploadPhoto(window._carPhotoFile); window._carPhotoFile=null; } const{error}=await sb.from('listings').insert({ dealer_id:DEALER_DATA.id, car_name:`${name}${year?' '+year:''}`, price,year:year?parseInt(year):null, mileage:km?parseInt(km):null, condition:condition||null,color:color||null, description:desc||null,photo_url:photoUrl, city:DEALER_DATA.city||'', export_africa:exportAf,active:true,sold:false, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message;err.style.display='block';return;} ['car-name','car-year','car-km','car-price','car-color','car-desc'].forEach(id=>{ const el=document.getElementById(id);if(el)el.value=''; }); const prev=document.getElementById('car-photo-preview'); if(prev){prev.style.display='none';prev.src='';} const ico=document.getElementById('car-upload-ico'); const lbl=document.getElementById('car-upload-lbl'); if(ico)ico.textContent='📷'; if(lbl)lbl.innerHTML="Appuie pour choisir une photo"; closeAddCarModal(); if(typeof showToast==='function')showToast('✅ Voiture publiée !'); await loadDealerDashboard(); }catch(e){ console.error(e); err.textContent='Erreur de connexion 🙏';err.style.display='block'; }finally{btn.disabled=false;btn.textContent='✅ Publier cette voiture';} }; // ── ADMIN ADD CAR FOR DEALER ── function openAdminAddCar(dealerId, dealerName, dealerCity){ document.getElementById('admin-dealer-id').value=dealerId; const lbl=document.getElementById('admin-dealer-name-lbl'); if(lbl)lbl.textContent=dealerName; document.getElementById('admin-add-car-modal').classList.add('on'); // Store city for the listing window._adminDealerCity=dealerCity; } async function submitAdminAddCar(){ const btn=document.querySelector('#admin-add-car-modal .btn'); const err=document.getElementById('admin-car-err'); if(!btn||!err)return; err.style.display='none'; const dealerId=(document.getElementById('admin-dealer-id')||{}).value||''; const name=(document.getElementById('acar-name')||{}).value?.trim()||''; const year=(document.getElementById('acar-year')||{}).value||null; const km=(document.getElementById('acar-km')||{}).value||null; const price=(document.getElementById('acar-price')||{}).value||'0'; const condition=(document.getElementById('acar-condition')||{}).value||''; const color=(document.getElementById('acar-color')||{}).value?.trim()||''; const desc=(document.getElementById('acar-desc')||{}).value?.trim()||''; const exportAf=(document.getElementById('acar-export')||{}).value==='yes'; if(!name){err.textContent='Nom requis 🙏';err.style.display='block';return;} if(!dealerId){err.textContent='Dealer introuvable 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Publication...'; try{ let photoUrl=null; if(window._adminCarPhotoFile){ btn.textContent='📤 Upload photo...'; photoUrl=await uploadPhoto(window._adminCarPhotoFile); window._adminCarPhotoFile=null; } const{error}=await sb.from('listings').insert({ dealer_id:dealerId, car_name:`${name}${year?' '+year:''}`, price,year:year?parseInt(year):null, mileage:km?parseInt(km):null, condition:condition||null,color:color||null, description:desc||null,photo_url:photoUrl, city:window._adminDealerCity||'', export_africa:exportAf,active:true,sold:false, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message;err.style.display='block';return;} // Clear form ['acar-name','acar-year','acar-km','acar-price','acar-color','acar-desc'].forEach(id=>{ const el=document.getElementById(id);if(el)el.value=''; }); const prev=document.getElementById('acar-photo-preview'); if(prev){prev.style.display='none';prev.src='';} document.getElementById('admin-add-car-modal').classList.remove('on'); if(typeof showToast==='function')showToast('✅ Voiture publiée pour '+((document.getElementById('admin-dealer-name-lbl')||{}).textContent||'le dealer')+' !'); await loadAdmin(); }catch(e){ console.error(e); err.textContent='Erreur de connexion 🙏';err.style.display='block'; }finally{btn.disabled=false;btn.textContent='✅ Publier cette voiture';} } // ── ROLE MANAGEMENT ── async function setRole(userId, role){ try{ await sb.from('users').update({role}).eq('id',userId); // If setting to admin, also notify if(role!=='user'){ showToast('✅ Rôle mis à jour !'); } await loadAdmin(); }catch(e){ console.error('setRole error:',e); showToast('❌ Erreur lors de la mise à jour du rôle'); } } // ── ROLE-BASED SHOWADMIN ── function showAdmin(){ const role=getRole(); // Check if user has any admin access if(!isAdm()&&!['admin_full','admin_dealers','admin_stats'].includes(role)){ showToast('❌ Accès refusé'); return; } ['sc-ob','sc-auth','sc-app','sc-dealer','sc-dealer-reg'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); document.getElementById('sc-adm').style.display='block'; // Hide sections based on role applyRoleAccess(); loadAdmin(); } function applyRoleAccess(){ const role=getRole(); const isFullAdmin=isAdm()||role==='admin_full'; // Stats — everyone with admin access can see // Users section — only full admin const userSec=document.querySelector('.asec-full:first-of-type'); if(userSec)userSec.style.display=isFullAdmin?'block':'none'; // Limits — only full admin const limitSec=document.querySelector('.adm-2col'); if(limitSec)limitSec.style.display=isFullAdmin?'grid':'none'; // Dealers — full admin and dealer admin const dealerSec=document.querySelectorAll('.asec-full'); if(dealerSec[1])dealerSec[1].style.display=(isFullAdmin||role==='admin_dealers')?'block':'none'; } // ── UPDATE HEADER for role-based admin button ── function updateHdr(){ const logged=!!CU; const role=getRole(); const hasAdminAccess=isAdm()||['admin_full','admin_dealers','admin_stats'].includes(role); const loginBtn=document.getElementById('login-btn'); const logoutBtn=document.getElementById('logout-btn'); const admBtn=document.getElementById('adm-btn'); if(loginBtn)loginBtn.style.display=logged?'none':'flex'; if(logoutBtn)logoutBtn.style.display=logged?'flex':'none'; const chatBtn=document.getElementById('chat-btn'); if(chatBtn)chatBtn.style.display=logged?'flex':'none'; if(admBtn)admBtn.style.display=hasAdminAccess?'flex':'none'; const ubadge=document.getElementById('ubadge'); const probadge=document.getElementById('probadge'); const pro=isPro(); if(ubadge)ubadge.style.display=(logged&&!pro)?'flex':'none'; if(probadge)probadge.style.display=(logged&&pro)?'flex':'none'; updateFavBadge(); } // ══════════════════════════════════════════════════════ // LANGUAGE SYSTEM // ══════════════════════════════════════════════════════ let LANG = localStorage.getItem('yayo_lang') || 'fr'; const TRANSLATIONS = { fr: { // Tabs tab_price: '🔍 Chercher', nav_home: 'Accueil', nav_features: 'Fonctionnalites', nav_dealers: 'Dealers', nav_agencies: 'Transporteurs', nav_pricing: 'Tarifs', nav_about: 'A propos', nav_contact: 'Contact', btn_search: '🔍 Rechercher le prix', btn_analyze: '🛡️ Analyser cette offre', btn_budget: '🚗 Trouver les meilleures voitures', btn_inspect: '📷 Détecter les défauts', btn_seconn: 'Se connecter', btn_start: 'Commencer gratuitement', tab_budget: '💰 Budget', tab_deal: '🛡️ Analyser', tab_photo: '📷 Photo', tab_about: 'ℹ️ À propos', // Price tab price_title: '🔍 Recherche de Prix Marché', price_placeholder: 'Ex: Toyota Land Cruiser 2020...', price_btn: '🔍 Rechercher le prix', // Budget tab budget_placeholder: 'Budget en USD', budget_btn: '🚗 Trouver les meilleures voitures', // Deal tab deal_placeholder: "Ex: Toyota Corolla 2018, 95 000 km, demande 9 500 USD...", deal_btn: '🛡️ Analyser cette offre', // Photo tab photo_title: 'Ajoute une photo pour détecter les défauts du véhicule', photo_btn: '📷 Détecter les défauts', photo_upload: 'Appuie pour choisir une photo', // Gate gate_register: 'Créez votre compte gratuit', gate_login: 'Bon retour 👋', gate_sub_reg: 'Entrez votre prénom et contact — gratuit !', gate_sub_login: 'Entrez votre contact pour continuer', gate_btn_reg: 'Voir mon résultat →', gate_btn_login: 'Se connecter →', // Favorites fav_title: 'Mes Favoris', fav_empty: 'Aucun favori encore.
Cliquez sur ❤️ après une recherche pour sauvegarder.', fav_save: 'Sauvegarder', fav_saved: '❤️ Sauvegardé', // About about_txt: 'Yayo est votre assistant intelligent pour acheter une voiture en toute confiance.
Dubai, Congo et toute l\'Afrique francophone.', // Onboarding ob_tag: 'Achetez votre voiture en toute confiance 🚗', ob_start: 'Commencer gratuitement', ob_login: "Already have an account", }, en: { tab_price: '🔍 Search', btn_search: '🔍 Search Price', btn_analyze: '🛡️ Analyze This Deal', btn_budget: '🚗 Find Best Cars', btn_inspect: '📷 Detect Defects', btn_seconn: 'Sign In', btn_start: 'Get Started Free', tab_budget: '💰 Budget', tab_deal: '🛡️ Analyze', tab_photo: '📷 Photo', tab_about: 'ℹ️ About', price_title: '🔍 Market Price Search', price_placeholder: 'Ex: Toyota Land Cruiser 2020...', price_btn: '🔍 Search price', budget_placeholder: 'Budget in USD', budget_btn: '🚗 Find the best cars', deal_placeholder: 'Ex: Toyota Corolla 2018, 95,000 km, asking $9,500 USD...', deal_btn: '🛡️ Analyze this deal', photo_title: 'Add a photo to detect vehicle defects', photo_btn: '📷 Detect defects', photo_upload: 'Tap to choose a photo', gate_register: 'Create your free account', gate_login: 'Welcome back 👋', gate_sub_reg: 'Enter your name and contact — free!', gate_sub_login: 'Enter your contact to continue', gate_btn_reg: 'See my result →', gate_btn_login: 'Sign in →', fav_title: 'My Favorites', fav_empty: 'No favorites yet.
Click ❤️ after a search to save.', fav_save: 'Save', fav_saved: '❤️ Saved', about_txt: 'Yayo is your intelligent assistant for buying a car with confidence.
Dubai, Congo and all French-speaking Africa.', ob_tag: 'Buy your car with confidence 🚗', ob_start: 'Get started for free', ob_login: 'I already have an account', }, ar: { tab_price: '🔍 بحث', btn_search: '🔍 البحث عن السعر', btn_analyze: '🛡️ تحليل هذا العرض', btn_budget: '🚗 إيجاد أفضل السيارات', btn_inspect: '📷 اكتشاف العيوب', btn_seconn: 'تسجيل الدخول', btn_start: 'ابدأ مجاناً', tab_budget: '💰 الميزانية', tab_deal: '🛡️ تحليل', tab_photo: '📷 صورة', tab_about: 'ℹ️ عن يايو', price_title: '🔍 البحث عن سعر السوق', price_placeholder: 'مثال: تويوتا لاند كروزر 2020...', price_btn: '🔍 البحث عن السعر', budget_placeholder: 'الميزانية بالدولار', budget_btn: '🚗 أفضل السيارات لميزانيتك', deal_placeholder: 'مثال: تويوتا كورولا 2018، 95000 كم، السعر 9500 دولار...', deal_btn: '🛡️ تحليل هذا العرض', photo_title: 'أضف صورة للكشف عن عيوب السيارة', photo_btn: '📷 اكتشف العيوب', photo_upload: 'اضغط لاختيار صورة', gate_register: 'أنشئ حسابك المجاني', gate_login: 'مرحباً بعودتك 👋', gate_sub_reg: 'أدخل اسمك وجهة الاتصال — مجاناً!', gate_sub_login: 'أدخل جهة اتصالك للمتابعة', gate_btn_reg: 'عرض نتيجتي ←', gate_btn_login: 'تسجيل الدخول ←', fav_title: 'المفضلة', fav_empty: 'لا توجد مفضلة بعد.
انقر على ❤️ بعد البحث للحفظ.', fav_save: 'حفظ', fav_saved: '❤️ محفوظ', about_txt: 'يايو هو مساعدك الذكي لشراء سيارة بثقة.
دبي، الكونغو وأفريقيا الناطقة بالفرنسية.', ob_tag: 'اشترِ سيارتك بثقة 🚗', ob_start: 'ابدأ مجاناً', ob_login: 'لدي حساب بالفعل', } }; function t(key){ return TRANSLATIONS[LANG]?.[key] || TRANSLATIONS.fr[key] || key; } function setLang(lang){ LANG=lang; localStorage.setItem('yayo_lang',lang); const flags={fr:'🇫🇷',en:'🇬🇧',ar:'🇦🇪'}; const btn=document.getElementById('lang-btn'); if(btn)btn.innerHTML=`${flags[lang]||'🇫🇷'} ▼`; document.querySelectorAll('.lang-opt').forEach(o=>{ o.classList.toggle('active',o.textContent.includes(flags[lang])); }); const drop=document.getElementById('lang-drop'); if(drop)drop.style.display='none'; // Apply RTL for Arabic document.documentElement.dir=lang==='ar'?'rtl':'ltr'; document.documentElement.lang=lang; // Apply all translations applyTranslations(); // Update AI prompt language window.AI_LANG=lang; } function applyTranslations(){ // Tabs const tabs=document.querySelectorAll('.tab'); const tabKeys=['tab_price','tab_budget','tab_deal','tab_photo','tab_about']; tabs.forEach((tab,i)=>{if(tabKeys[i])tab.textContent=t(tabKeys[i]);}); // Price tab const pci=document.getElementById('pci'); if(pci)pci.placeholder=t('price_placeholder'); const pBtn=document.querySelector('#pp-price .btn'); if(pBtn)pBtn.textContent=t('price_btn'); // Budget const bi=document.getElementById('bi'); if(bi)bi.placeholder=t('budget_placeholder'); // Deal const di=document.getElementById('di'); if(di)di.placeholder=t('deal_placeholder'); // Photo const uplbl=document.querySelector('.uplbl'); if(uplbl)uplbl.innerHTML=`${t('photo_upload').split(' ').slice(0,2).join(' ')} ${t('photo_upload').split(' ').slice(2).join(' ')}`; // Favorites title const favTitle=document.getElementById('fav-title'); if(favTitle)favTitle.textContent=t('fav_title'); const favEmpty=document.getElementById('fav-empty-txt'); if(favEmpty)favEmpty.innerHTML=t('fav_empty'); // About const aboutTxt=document.getElementById('about-txt'); if(aboutTxt)aboutTxt.innerHTML=t('about_txt'); // Onboarding const obTag=document.querySelector('.ob-tag'); if(obTag)obTag.textContent=t('ob_tag'); // Update buttons const T2=TRANSLATIONS[LANG]||TRANSLATIONS.fr; const searchBtn=document.querySelector('#pp-price .btn'); if(searchBtn&&T2.btn_search)searchBtn.textContent=T2.btn_search; const analyzeBtn=document.querySelector('#pp-deal .btn'); if(analyzeBtn&&T2.btn_analyze)analyzeBtn.textContent=T2.btn_analyze; const budgetBtn=document.querySelector('#pp-budget .btn'); if(budgetBtn&&T2.btn_budget)budgetBtn.textContent=T2.btn_budget; const inspectBtn=document.getElementById('inspb'); if(inspectBtn&&T2.btn_inspect)inspectBtn.textContent=T2.btn_inspect; const loginBtn=document.getElementById('login-btn'); if(loginBtn&&T2.btn_seconn)loginBtn.textContent=T2.btn_seconn; // Update dealer reg if visible if(typeof updateDealerRegLang==='function')updateDealerRegLang(); const navIds={ 'nav-home':{fr:'Accueil',en:'Home',ar:'الرئيسية'}, 'nav-dealers':{fr:'Dealers',en:'Dealers',ar:'الوكلاء'}, 'nav-agencies':{fr:'Transporteurs',en:'Agencies',ar:'الوكالات'}, 'nav-pricing':{fr:'Tarifs',en:'Pricing',ar:'الأسعار'}, 'nav-about':{fr:'À propos',en:'About',ar:'عنّا'}, 'nav-contact':{fr:'Contact',en:'Contact',ar:'اتصل بنا'}, }; Object.entries(navIds).forEach(([id,langs])=>{ const el=document.getElementById(id); if(el)el.textContent=langs[LANG]||langs.fr; }); } function toggleLangDrop(e){ e.stopPropagation(); const drop=document.getElementById('lang-drop'); if(drop)drop.classList.toggle('on'); } // Close lang dropdown when clicking outside document.addEventListener('click',()=>{ const drop=document.getElementById('lang-drop'); if(drop)drop.classList.remove('on'); }); // ══════════════════════════════════════════════════════ // FAVORITES SYSTEM // ══════════════════════════════════════════════════════ let FAVS = JSON.parse(localStorage.getItem('yayo_favs') || '[]'); function saveFav(type){ if(!CU){openGate('r');return;} let carName='', market='', result=''; if(type==='price'){ carName=document.getElementById('pci')?.value?.trim()||''; market=document.getElementById('pms')?.value||''; result=document.getElementById('prc')?.textContent?.slice(0,300)||''; } else if(type==='deal'){ carName=document.getElementById('di')?.value?.trim()?.slice(0,60)||''; market='Analyse'; result=document.getElementById('dtxt')?.textContent?.slice(0,300)||''; } if(!carName)return; // Check if already saved const exists=FAVS.find(f=>f.car_name===carName&&f.type===type); if(exists){ // Remove from favorites FAVS=FAVS.filter(f=>!(f.car_name===carName&&f.type===type)); localStorage.setItem('yayo_favs',JSON.stringify(FAVS)); const btn=document.getElementById(`${type==='price'?'pr':'dr'}-heart`); const txt=document.getElementById(`${type==='price'?'pr':'dr'}-heart-txt`); if(btn)btn.classList.remove('saved'); if(txt)txt.textContent=t('fav_save'); updateFavBadge(); // Save to Supabase saveFavToDb(null, carName, type, 'delete'); return; } const fav={ id:Date.now().toString(), type,car_name:carName, market,result, date:new Date().toLocaleDateString('fr-FR'), created_at:new Date().toISOString() }; FAVS.unshift(fav); localStorage.setItem('yayo_favs',JSON.stringify(FAVS)); // Update heart button const btn=document.getElementById(`${type==='price'?'pr':'dr'}-heart`); const txt=document.getElementById(`${type==='price'?'pr':'dr'}-heart-txt`); if(btn)btn.classList.add('saved'); if(txt)txt.textContent=t('fav_saved'); updateFavBadge(); showToast('❤️ '+(t('fav_saved'))+' !'); // Save to Supabase saveFavToDb(fav, carName, type, 'insert'); } async function saveFavToDb(fav, carName, type, action){ if(!CU)return; try{ if(action==='insert'){ await sb.from('favorites').insert({ user_id:CU.id, type,car_name:carName, market:fav?.market||'', result:fav?.result||'', created_at:new Date().toISOString() }); } else { await sb.from('favorites').delete() .eq('user_id',CU.id) .eq('car_name',carName) .eq('type',type); } }catch(e){console.log('Fav DB:',e);} } async function loadFavs(){ if(!CU)return; try{ const{data}=await sb.from('favorites').select('*') .eq('user_id',CU.id) .order('created_at',{ascending:false}); if(data&&data.length>0){ FAVS=data.map(f=>({ id:f.id,type:f.type, car_name:f.car_name,market:f.market, result:f.result, date:new Date(f.created_at).toLocaleDateString('fr-FR'), created_at:f.created_at })); localStorage.setItem('yayo_favs',JSON.stringify(FAVS)); } }catch(e){console.log('loadFavs:',e);} updateFavBadge(); } function updateFavBadge(){ const btn=document.getElementById('fav-btn'); const badge=document.getElementById('fav-count-badge'); const count=FAVS.length; if(btn)btn.style.display=CU?'flex':'none'; if(badge){ badge.textContent=count; badge.style.display=count>0?'flex':'none'; } if(btn)btn.classList.toggle('has-fav',count>0); } function openFavPanel(){ document.getElementById('fav-overlay').classList.add('on'); document.getElementById('fav-panel').classList.add('on'); renderFavs(); } function closeFavPanel(){ document.getElementById('fav-overlay').classList.remove('on'); document.getElementById('fav-panel').classList.remove('on'); } function renderFavs(){ const body=document.getElementById('fav-body'); if(!body)return; if(FAVS.length===0){ body.innerHTML=`

❤️

${t('fav_empty')}

`; return; } const typeLabels={price:'🔍 Prix Marché',budget:'💰 Budget',deal:'🛡️ Analyse'}; body.innerHTML=FAVS.map(f=>`

${f.date||''}

${typeLabels[f.type]||f.type}

${f.car_name}

📍 ${f.market||''}

🔍 Rechercher à nouveau 🗑️

`).join(''); } function reSearch(type, carName, market){ closeFavPanel(); if(type==='price'){ // Switch to price tab and pre-fill document.querySelectorAll('.tab')[0].click(); const pci=document.getElementById('pci'); if(pci){pci.value=carName;pci.focus();} const pms=document.getElementById('pms'); if(pms){ Array.from(pms.options).forEach(o=>{if(o.value===market)o.selected=true;}); } } else if(type==='deal'){ document.querySelectorAll('.tab')[2].click(); const di=document.getElementById('di'); if(di){di.value=carName;di.focus();} } } async function deleteFav(id, carName, type){ FAVS=FAVS.filter(f=>f.id!==id); localStorage.setItem('yayo_favs',JSON.stringify(FAVS)); renderFavs(); updateFavBadge(); // Delete from Supabase try{ await sb.from('favorites').delete() .eq('user_id',CU.id).eq('car_name',carName).eq('type',type); }catch(e){} } // ── SHOW HEART BUTTONS AFTER RESULTS ── function showHeartBtn(type){ const btnId=type==='price'?'pr-heart':'dr-heart'; const btn=document.getElementById(btnId); if(!btn||!CU)return; btn.style.display='flex'; // Check if already saved const carName=type==='price' ?(document.getElementById('pci')?.value?.trim()||'') :(document.getElementById('di')?.value?.trim()?.slice(0,60)||''); const saved=FAVS.find(f=>f.car_name===carName&&f.type===type); const txtId=type==='price'?'pr-heart-txt':'dr-heart-txt'; const txt=document.getElementById(txtId); if(saved){btn.classList.add('saved');if(txt)txt.textContent=t('fav_saved');} else{btn.classList.remove('saved');if(txt)txt.textContent=t('fav_save');} } function togglePrivacy(){ const content=document.getElementById('privacy-content'); const btn=document.getElementById('privacy-btn'); if(!content||!btn)return; const isOpen=content.style.display==='block'; content.style.display=isOpen?'none':'block'; btn.textContent=isOpen?'🔒 Politique de confidentialité ▼':'🔒 Politique de confidentialité ▲'; } // ══════════════════════════════════════════════════════════ // YAYO IN-APP CHAT WITH AI ANALYSIS // ══════════════════════════════════════════════════════════ let CURRENT_CONV = null; // {id, dealer_id, dealer_name, car_name, dealer_lang} let CHAT_MSGS = []; let CHAT_POLL = null; // ── OPEN CHAT with a dealer ── async function openChat(dealerId, dealerName, carName, dealerLang='en'){ if(!CU){ const authed = await requireAuth(); if(!authed) return; } CURRENT_CONV = null; CHAT_MSGS = []; // Find or create conversation const{data:existing} = await sb.from('conversations') .select('*') .eq('user_id', CU.id) .eq('dealer_id', dealerId) .eq('car_name', carName) .maybeSingle(); if(existing){ CURRENT_CONV = existing; } else { const{data:newConv, error} = await sb.from('conversations').insert({ user_id: CU.id, dealer_id: dealerId, car_name: carName, status: 'active', created_at: new Date().toISOString() }).select().single(); if(error){ console.error('Conv error:', error); return; } CURRENT_CONV = newConv; } CURRENT_CONV.dealer_name = dealerName; CURRENT_CONV.dealer_lang = dealerLang; CURRENT_CONV.car_name = carName; // Set header document.getElementById('chat-dealer-name').textContent = dealerName; document.getElementById('chat-car-name').textContent = '🚗 ' + carName; // Show overlay document.getElementById('chat-overlay').classList.add('on'); // Load messages await loadChatMessages(); // Start polling for new messages every 5 seconds if(CHAT_POLL) clearInterval(CHAT_POLL); CHAT_POLL = setInterval(loadChatMessages, 5000); // Focus input setTimeout(()=>{ const inp = document.getElementById('chat-input'); if(inp) inp.focus(); }, 300); } function closeChat(){ document.getElementById('chat-overlay').classList.remove('on'); if(CHAT_POLL){ clearInterval(CHAT_POLL); CHAT_POLL = null; } CURRENT_CONV = null; CHAT_MSGS = []; } // ── LOAD MESSAGES ── async function loadChatMessages(){ if(!CURRENT_CONV) return; const{data:msgs} = await sb.from('messages') .select('*') .eq('conversation_id', CURRENT_CONV.id) .order('created_at', {ascending: true}); CHAT_MSGS = msgs || []; renderChatMessages(); // Run AI analysis after loading if(CHAT_MSGS.length >= 3){ await runChatAI(); } } // ── RENDER MESSAGES ── function renderChatMessages(){ const container = document.getElementById('chat-messages'); const empty = document.getElementById('chat-empty'); if(!container) return; if(!CHAT_MSGS || CHAT_MSGS.length === 0){ if(empty) empty.style.display = 'flex'; return; } if(empty) empty.style.display = 'none'; // Only re-render if changed const currentCount = container.querySelectorAll('.chat-msg').length; if(currentCount === CHAT_MSGS.length) return; // Build messages HTML const html = CHAT_MSGS.map(msg => { const isMine = msg.sender_id === CU.id; const time = new Date(msg.created_at).toLocaleTimeString('fr-FR', {hour:'2-digit',minute:'2-digit'}); let content = ''; if(msg.type === 'image'){ content = ``; } else { content = `

${escapeHtml(msg.content)}

`; } const translation = msg.translated_content ? `

🌐 ${escapeHtml(msg.translated_content)}

` : ''; return `

${content} ${translation}

${time}

`; }).join(''); // Replace messages (keep empty div) const msgDivs = container.querySelectorAll('.chat-msg'); msgDivs.forEach(d => d.remove()); container.insertAdjacentHTML('beforeend', html); // Scroll to bottom container.scrollTop = container.scrollHeight; } function escapeHtml(str){ return (str||'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } // ── SEND MESSAGE ── async function sendMessage(){ if(!CURRENT_CONV || !CU) return; const inp = document.getElementById('chat-input'); const text = (inp?.value || '').trim(); if(!text) return; inp.value = ''; const userLang = localStorage.getItem('yayo_lang') || 'fr'; const dealerLang = CURRENT_CONV.dealer_lang || 'en'; // Translate if needed let translatedContent = null; if(userLang !== dealerLang && text.length > 2){ translatedContent = await translateText(text, userLang, dealerLang); } const{error} = await sb.from('messages').insert({ conversation_id: CURRENT_CONV.id, sender_id: CU.id, dealer_id: CURRENT_CONV.dealer_id, content: text, translated_content: translatedContent, sender_lang: userLang, type: 'text', created_at: new Date().toISOString() }); if(!error){ await loadChatMessages(); } } // ── SEND IMAGE ── async function sendChatImage(event){ if(!CURRENT_CONV || !CU) return; const file = event.target.files[0]; if(!file) return; // Upload to Supabase Storage const url = await uploadPhoto(file, 'car-photos'); if(!url){ showToast('❌ Erreur upload photo'); return; } await sb.from('messages').insert({ conversation_id: CURRENT_CONV.id, sender_id: CU.id, dealer_id: CURRENT_CONV.dealer_id, content: url, type: 'image', sender_lang: localStorage.getItem('yayo_lang') || 'fr', created_at: new Date().toISOString() }); await loadChatMessages(); } // ── TRANSLATE TEXT via Groq ── async function translateText(text, fromLang, toLang){ const langNames = {fr:'français', en:'English', ar:'Arabic/العربية'}; const prompt = `Translate this text from ${langNames[fromLang]||fromLang} to ${langNames[toLang]||toLang}. Return ONLY the translation, nothing else: "${text}"`; try{ const result = await groq(prompt); return result.trim().replace(/^["']|["']$/g,''); }catch(e){ return null; } } // ── AI CHAT ANALYSIS ── async function runChatAI(){ if(!CURRENT_CONV || CHAT_MSGS.length < 3) return; const bar = document.getElementById('chat-ai-bar'); if(!bar) return; // Build conversation summary for AI const convoText = CHAT_MSGS.slice(-10).map(m => `${m.sender_id === CU.id ? 'Buyer' : 'Dealer'}: ${m.content}` ).join('\n'); const carName = CURRENT_CONV.car_name || 'cette voiture'; const prompt = `Tu es un assistant IA qui analyse des conversations d'achat de voiture. Réponds en JSON uniquement. Conversation sur: ${carName} Messages: ${convoText} Analyse et retourne ce JSON (rien d'autre): { "alerts": [ {"type": "danger|warning|info", "message": "message court en français"} ] } Cherche: prix au-dessus du marché, changements de specs, promesses vagues, signes d'arnaque, incohérences. Maximum 2 alertes. Si tout va bien retourne alerts vide [].`; try{ const result = await groq(prompt); const clean = result.replace(/```json|```/g,'').trim(); const data = JSON.parse(clean); if(!data.alerts || data.alerts.length === 0){ bar.style.display = 'none'; return; } bar.style.display = 'block'; bar.innerHTML = data.alerts.map(a => { const cls = a.type === 'danger' ? 'chat-ai-alert' : a.type === 'warning' ? 'chat-ai-warn' : 'chat-ai-info'; const icon = a.type === 'danger' ? '🚨' : a.type === 'warning' ? '⚠️' : '💡'; return `

${icon}

${escapeHtml(a.message)}

`; }).join(''); }catch(e){ console.log('Chat AI:', e); } } // ── CONVERSATIONS LIST ── async function openConvList(){ if(!CU) return; document.getElementById('conv-overlay').classList.add('on'); await loadConvList(); } async function loadConvList(){ const{data:convs} = await sb.from('conversations') .select('*, dealers(name,whatsapp)') .eq('user_id', CU.id) .order('created_at', {ascending: false}); const sub = document.getElementById('conv-subtitle'); if(sub) sub.textContent = `${(convs||[]).length} conversation${(convs||[]).length !== 1 ? 's' : ''}`; const list = document.getElementById('conv-list'); if(!list) return; if(!convs || convs.length === 0){ list.innerHTML = '

Aucune conversation encore.
Contactez un dealer pour commencer.

'; return; } list.innerHTML = '

' + convs.map(conv => `

🚗

${conv.dealers?.name||'Dealer'}

🚗 ${conv.car_name||'—'}

${new Date(conv.created_at).toLocaleDateString('fr-FR')}

`).join('') + '

'; } async function openChatFromConv(convId, dealerName, carName, dealerId){ document.getElementById('conv-overlay').classList.remove('on'); await openChat(dealerId, dealerName, carName); // Override with existing conv CURRENT_CONV = {...CURRENT_CONV, id: convId}; await loadChatMessages(); } // ── UPDATE HEADER CHAT BUTTON ── function updateChatBtn(){ const btn = document.getElementById('chat-btn'); if(btn) btn.style.display = CU ? 'flex' : 'none'; } // ── CONNECT DEALER CONTACT BUTTONS TO CHAT ── // Override trackLead to open in-app chat instead of WhatsApp const _origTrackLead = window.trackLead; window.trackLead = async function(dealerId, dealerWa, carName){ if(!CU){ const authed = await requireAuth(); if(!authed) return; } // Open in-app chat await openChat(dealerId, 'Dealer', carName, 'en'); // Still track the lead try{ await sb.from('leads').insert({ dealer_id: dealerId, buyer_name: UP ? UP.name || null : null, buyer_wa: UP ? UP.identifier || null : null, car_interest: carName, seen: false, created_at: new Date().toISOString() }); }catch(e){ console.log('Lead:', e); } }; // ── PUSH NOTIFICATIONS ── async function requestNotifPermission(){ if(!('Notification' in window))return; if(Notification.permission==='default'){ await Notification.requestPermission(); } } function sendNotif(title, body, icon){ if(Notification.permission!=='granted')return; try{ new Notification(title,{ body, icon: icon||'data:image/png;base64,'+LG, badge: 'data:image/png;base64,'+LG, vibrate:[200,100,200] }); }catch(e){} } // Check for new messages and notify async function checkNewMessages(){ if(!CU)return; try{ const{data:unread}=await sb.from('messages') .select('id,content,conversation_id') .neq('sender_id',CU.id) .eq('seen',false) .order('created_at',{ascending:false}) .limit(5); const count=(unread||[]).length; // Update chat badge const badge=document.getElementById('chat-unread-badge'); const chatBtn=document.getElementById('chat-btn'); if(badge&&chatBtn){ if(count>0){ badge.textContent=count>9?'9+':count; badge.style.display='flex'; chatBtn.style.display='flex'; // Send browser notification if not in chat if(!document.getElementById('chat-overlay').classList.contains('on')){ sendNotif('💬 Nouveau message sur Yayo',`${count} nouveau${count>1?'x':''} message${count>1?'s':''}`) } } else { badge.style.display='none'; } } }catch(e){} } // Poll for new messages every 10 seconds setInterval(checkNewMessages, 10000); // ── CHAT BUTTON VISIBILITY ── async function updateChatBtnVisibility(){ if(!CU){ const btn=document.getElementById('chat-btn'); if(btn)btn.style.display='none'; return; } // Only show if user has conversations try{ const{count}=await sb.from('conversations') .select('*',{count:'exact',head:true}) .eq('user_id',CU.id); const btn=document.getElementById('chat-btn'); if(btn)btn.style.display=(count&&count>0)?'flex':'none'; }catch(e){} } // ── NAVIGATION HELPERS ── function goToDealerReg(){ localStorage.setItem('ys','1'); document.getElementById('sc-ob').style.display='none'; showScreen('sc-dealer-reg'); setTimeout(updateDealerRegLang, 50); } function goToShippingReg(){ localStorage.setItem('ys','1'); document.getElementById('sc-ob').style.display='none'; showScreen('sc-shipping-reg'); } function goToWelcome(){ ['sc-app','sc-adm','sc-dealer','sc-dealer-reg','sc-shipping-reg'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); const gate=document.getElementById('gate');if(gate)gate.classList.remove('on'); localStorage.removeItem('ys'); showWebPage('home'); } // ══════════════════════════════════════════════ // SHIPPING AGENCIES ADMIN // ══════════════════════════════════════════════ function openAddShippingModal(){ document.getElementById('add-shipping-modal').classList.add('on'); } async function submitAddShipping(){ const btn=document.querySelector('#add-shipping-modal .btn'); const err=document.getElementById('as-err'); if(!btn||!err)return; err.style.display='none'; const name=(document.getElementById('as-name')||{}).value?.trim()||''; const country=(document.getElementById('as-country')||{}).value||''; const city=(document.getElementById('as-city')||{}).value?.trim()||''; const wa=(document.getElementById('as-wa')||{}).value?.trim()||''; const email=(document.getElementById('as-email')||{}).value?.trim()||''; const routes=(document.getElementById('as-routes')||{}).value?.trim()||''; const price=(document.getElementById('as-price')||{}).value?.trim()||''; const active=(document.getElementById('as-active')||{}).value==='true'; if(!name){err.textContent='Nom requis 🙏';err.style.display='block';return;} if(!wa||wa.replace(/\D/g,'').length<8){err.textContent='WhatsApp requis 🙏';err.style.display='block';return;} if(!email||!email.includes('@')){err.textContent='Email requis 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Ajout...'; try{ const{error}=await sb.from('shipping_agencies').insert({ name,country,city,whatsapp:wa,email, routes:routes||null,price_per_vehicle:price||null, verified:true,active, created_at:new Date().toISOString() }); if(error){err.textContent='Erreur: '+error.message;err.style.display='block';return;} // Notify agency via WhatsApp const num=wa.replace(/\D/g,''); if(num){ const msg=encodeURIComponent( `Bonjour ${name} ! 🚢\n\n`+ `Bienvenue sur *Yayo* — votre agence est activée !\n\n`+ `Connectez-vous sur yayo.digital avec ce numéro pour gérer vos demandes d'import.\n\n`+ `— L'équipe Yayo` ); window.open(`https://wa.me/${num}?text=${msg}`,'_blank'); } document.getElementById('add-shipping-modal').classList.remove('on'); ['as-name','as-city','as-wa','as-email','as-routes','as-price'].forEach(id=>{ const el=document.getElementById(id);if(el)el.value=''; }); showToast('✅ Agence ajoutée !'); await loadAdmin(); }catch(e){err.textContent='Erreur de connexion 🙏';err.style.display='block';} finally{btn.disabled=false;btn.textContent='✅ Ajouter cette agence';} } async function loadShippingAgencies(){ const{data:agencies}=await sb.from('shipping_agencies').select('*').order('created_at',{ascending:false}); const sl=document.getElementById('slist'); if(!sl)return; if(!agencies||agencies.length===0){sl.innerHTML='

Aucune agence encore.

';return;} sl.innerHTML=agencies.map(a=>`

${a.name}

${a.email||'—'}

📍 ${a.city||'—'}
${a.country||''}

${a.routes||'—'}

${a.verified?'✅ Vérifié':'⏳'}

${a.active?'Désactiver':'Activer'}

`).join(''); } async function toggleShipping(id,cur){ await sb.from('shipping_agencies').update({active:!cur}).eq('id',id); await loadAdmin(); } // ══════════════════════════════════════════════ // ADMIN TEAM MANAGEMENT // ══════════════════════════════════════════════ const ROLE_DESCRIPTIONS = { admin_stats: '👁 Voir les stats et analyses uniquement. Ne peut rien modifier.', admin_dealers: '🏪 Gérer les dealers, vérifier, activer/désactiver, ajouter des voitures. Ne voit pas les utilisateurs.', admin_shipping: '🚢 Gérer les agences de transport uniquement.', admin_full: '👑 Accès total — utilisateurs, dealers, agences, stats, limites. Ne peut pas supprimer des données.' }; function openAddAdminModal(){ document.getElementById('add-admin-modal').classList.add('on'); updateRolePreview(); } function updateRolePreview(){ const role=(document.getElementById('adm-role')||{}).value||'admin_stats'; const preview=document.getElementById('role-preview'); if(preview)preview.textContent=ROLE_DESCRIPTIONS[role]||'—'; } // Add onchange to role select document.addEventListener('DOMContentLoaded',()=>{ const roleSelect=document.getElementById('adm-role'); if(roleSelect)roleSelect.addEventListener('change',updateRolePreview); }); async function submitAddAdmin(){ const btn=document.querySelector('#add-admin-modal .btn'); const err=document.getElementById('adm-err'); if(!btn||!err)return; err.style.display='none'; const name=(document.getElementById('adm-name')||{}).value?.trim()||''; const contact=(document.getElementById('adm-contact')||{}).value?.trim().toLowerCase()||''; const role=(document.getElementById('adm-role')||{}).value||'admin_stats'; if(!contact){err.textContent='Email ou WhatsApp requis 🙏';err.style.display='block';return;} btn.disabled=true;btn.textContent='⏳ Ajout...'; try{ // Check if user exists const{data:existing}=await sb.from('users').select('*').eq('identifier',contact).maybeSingle(); if(existing){ // Update role await sb.from('users').update({role,name:name||existing.name}).eq('id',existing.id); showToast('✅ Rôle mis à jour pour '+contact); } else { // Create new user with role const nid=mkID(); await sb.from('users').insert({ id:nid,identifier:contact, login_type:contact.includes('@')?'email':'whatsapp', name:name||'Admin',role,is_pro:false, created_at:new Date().toISOString() }); showToast('✅ Admin ajouté — ils peuvent se connecter sur yayo.digital'); } // Notify them const isWA=!contact.includes('@'); if(isWA){ const num=contact.replace(/\D/g,''); const msg=encodeURIComponent( `Bonjour ${name||''}! 👋\n\n`+ `Vous avez été ajouté comme admin sur *Yayo*.\n\n`+ `Connectez-vous sur yayo.digital avec ce numéro.\n\n`+ `Votre accès: ${ROLE_DESCRIPTIONS[role]||role}` ); window.open(`https://wa.me/${num}?text=${msg}`,'_blank'); } document.getElementById('add-admin-modal').classList.remove('on'); ['adm-name','adm-contact'].forEach(id=>{const el=document.getElementById(id);if(el)el.value='';}); await loadAdmin(); }catch(e){err.textContent='Erreur: '+e.message+' 🙏';err.style.display='block';} finally{btn.disabled=false;btn.textContent='✅ Ajouter cet admin';} } async function loadAdminTeam(){ const{data:admins}=await sb.from('users') .select('*') .in('role',['admin_full','admin_dealers','admin_stats','admin_shipping']) .order('created_at',{ascending:false}); const tl=document.getElementById('admin-team-list'); if(!tl)return; if(!admins||admins.length===0){ tl.innerHTML='

Aucun admin ajouté. Vous êtes le seul admin.

'; return; } const roleLabels={admin_full:'👑 Admin Complet',admin_dealers:'🏪 Dealer Admin',admin_stats:'📊 Stats Admin',admin_shipping:'🚢 Transport Admin'}; tl.innerHTML=`

`+admins.map(a=>`

${a.name||'Admin'}

${(a.identifier||'').slice(0,30)}

${roleLabels[a.role]||a.role} Retirer

`).join('')+'

'; } async function removeAdmin(id){ if(!confirm('Retirer les droits admin de cet utilisateur ?'))return; await sb.from('users').update({role:'user'}).eq('id',id); showToast('✅ Droits admin retirés'); await loadAdmin(); } // ── UPDATE DEALER REG LANGUAGE ── function updateDealerRegLang(){ const lang=LANG||'fr'; const titles={ fr:{ title:'Devenez Dealer Partenaire', sub:'Rejoignez le réseau Yayo et recevez des acheteurs africains et du Golfe directement dans votre dashboard', btn:'🚗 Soumettre ma candidature', name:'Nom du garage',namePh:'Ex: Auto Elite Dubai', city:'Ville',cityPh:'Ex: Dubai, Kinshasa...', wa:'Numéro WhatsApp',waPh:'Ex: +971 52 707 0539', email:'Email',emailPh:'votre@email.com', }, en:{ title:'Become a Dealer Partner', sub:'Join the Yayo network and receive African and Gulf buyers directly in your dashboard', btn:'🚗 Submit My Application', name:'Garage / Business Name',namePh:'Ex: Auto Elite Dubai', city:'City',cityPh:'Ex: Dubai, London...', wa:'WhatsApp Number',waPh:'Ex: +971 52 707 0539', email:'Email Address',emailPh:'your@email.com', }, ar:{ title:'كن شريكاً تاجراً', sub:'انضم إلى شبكة يايو واستقبل المشترين الأفارقة مباشرة في لوحة تحكمك', btn:'🚗 تقديم طلبي', name:'اسم المعرض',namePh:'مثال: Auto Elite Dubai', city:'المدينة',cityPh:'دبي، أبوظبي...', wa:'رقم واتساب',waPh:'+971 52 707 0539', email:'البريد الإلكتروني',emailPh:'your@email.com', } }; const t=titles[lang]||titles.fr; const el=(id)=>document.getElementById(id); if(el('dreg-main-title'))el('dreg-main-title').textContent=t.title; const sub=document.querySelector('.dreg-sub'); if(sub)sub.textContent=t.sub; const btn=document.querySelector('#dreg-form .btn'); if(btn&&!btn.disabled)btn.textContent=t.btn; // Update placeholders if(el('dr-name')){el('dr-name').placeholder=t.namePh;el('dr-name').previousElementSibling&&(el('dr-name').previousElementSibling.textContent=t.name+' *');} if(el('dr-city')){el('dr-city').placeholder=t.cityPh;} if(el('dr-wa')){el('dr-wa').placeholder=t.waPh;} if(el('dr-email')){el('dr-email').placeholder=t.emailPh;} } // ══════════════════════════════════════════════ // PUBLIC WEBSITE NAVIGATION // ══════════════════════════════════════════════ function showWebPage(page){ // Hide all other screens ['sc-ob','sc-app','sc-adm','sc-dealer','sc-dealer-reg','sc-shipping-reg'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); // Show website container const ws=document.getElementById('sc-website'); if(ws)ws.style.display='block'; // Hide ALL subpages const allPages=['home','dealers','agencies','pricing','about','contact','forgot']; allPages.forEach(p=>{ const el=document.getElementById('web-'+p); if(el){el.style.display='none';el.classList.remove('on');} }); // Show only the target const target=document.getElementById('web-'+page); if(target){target.style.display='block';target.classList.add('on');} // Scroll top window.scrollTo(0,0); // Set logos const src='data:image/png;base64,'+LG; ['lg-web','lg-footer','lg-forgot'].forEach(id=>{ const e=document.getElementById(id);if(e&&!e.src.includes('base64'))e.src=src; }); // Set nav logo const lgw=document.getElementById('lg-web'); if(lgw&&!lgw.src.includes('base64'))lgw.src='data:image/png;base64,'+LG; const lgf=document.getElementById('lg-footer'); if(lgf&&!lgf.src.includes('base64'))lgf.src='data:image/png;base64,'+LG; const lgfg=document.getElementById('lg-forgot'); if(lgfg&&!lgfg.src.includes('base64'))lgfg.src='data:image/png;base64,'+LG; if(typeof applyTranslations==='function')applyTranslations(); } function enterApp(){ // Go to app ['sc-website'].forEach(s=>{ const el=document.getElementById(s);if(el)el.style.display='none'; }); const seen=localStorage.getItem('ys'); if(seen&&getS()){ showApp(); } else if(seen){ showApp(); } else { localStorage.setItem('ys','1'); showApp(); } } function showPrivacy(){ // Show privacy in about tab enterApp(); setTimeout(()=>{ swTab('about',document.querySelector('.tab:last-child')); setTimeout(()=>togglePrivacy(),300); },300); } function toggleMobileMenu(){ const m=document.getElementById('mobile-menu'); if(m)m.style.display=m.style.display==='none'?'block':'none'; } // ── FORGOT PASSWORD ── async function submitForgotPassword(){ const btn=document.querySelector('#forgot-form .btn'); const err=document.getElementById('forgot-err'); const email=(document.getElementById('forgot-email')||{}).value?.trim().toLowerCase()||''; err.style.display='none'; if(!email||!email.includes('@')){ err.textContent='Entrez une adresse email valide 🙏'; err.style.display='block'; return; } btn.disabled=true;btn.textContent='⏳ Envoi...'; try{ // Use Supabase Auth reset password const{error}=await sb.auth.resetPasswordForEmail(email,{ redirectTo:window.location.origin+'/?reset=true' }); if(error){ // If user not in Supabase Auth, just show success anyway (security) console.log('Reset error:', error.message); } // Always show success for security document.getElementById('forgot-form').style.display='none'; document.getElementById('forgot-success').style.display='block'; }catch(e){ err.textContent='Erreur. Contactez contact@yayo.digital 🙏'; err.style.display='block'; }finally{ btn.disabled=false;btn.textContent='📧 Envoyer le lien'; } } // ── CONTACT FORM ── async function submitContact(){ const btn=document.querySelector('#web-contact .btn'); const name=(document.getElementById('ct-name')||{}).value?.trim()||''; const contact=(document.getElementById('ct-contact')||{}).value?.trim()||''; const subject=(document.getElementById('ct-subject')||{}).value||''; const msg=(document.getElementById('ct-msg')||{}).value?.trim()||''; if(!contact||!msg){ if(typeof showToast==='function')showToast('❌ Remplissez au moins votre contact et votre message'); return; } btn.disabled=true;btn.textContent='⏳ Envoi...'; try{ // Save to Supabase (create a contacts table if needed, or just send via WhatsApp) const waMsg=encodeURIComponent( `📩 Nouveau message Yayo\n\nNom: ${name}\nContact: ${contact}\nSujet: ${subject}\n\nMessage:\n${msg}` ); window.open(`https://wa.me/${WA}?text=${waMsg}`,'_blank'); document.getElementById('ct-success').style.display='block'; // Clear form ['ct-name','ct-contact','ct-msg'].forEach(id=>{ const el=document.getElementById(id);if(el)el.value=''; }); }catch(e){ if(typeof showToast==='function')showToast('❌ Erreur. Contactez-nous directement sur WhatsApp.'); }finally{ btn.disabled=false;btn.textContent='📨 Envoyer le message'; } } // ══════════════════════════════════════════════ // UPDATE initApp TO SHOW WEBSITE FOR NEW VISITORS // ══════════════════════════════════════════════ // ── HERO SEARCH ── let heroMarket = 'Dubai'; function setHeroMarket(mkt, btn){ heroMarket = mkt; document.querySelectorAll('.hero-mkt-btn').forEach(b=>b.classList.remove('active')); if(btn) btn.classList.add('active'); } async function heroSearch(){ const inp = document.getElementById('hero-search-inp'); const query = (inp?.value||'').trim(); if(!query) return; // Enter app first enterApp(); // Set the price search input and trigger search setTimeout(async ()=>{ const pci = document.getElementById('pci'); if(pci) pci.value = query; // Set market const pms = document.getElementById('pms'); if(pms){ const opts = Array.from(pms.options); const match = opts.find(o => o.value.includes(heroMarket.split(' ')[0])); if(match) pms.value = match.value; } // Switch to price tab const priceTab = document.querySelector('.tab'); if(priceTab) swTab('price', priceTab); // Trigger search await doPrice(); }, 300); }