setQ(e.target.value)} placeholder="Rechercher une tâche…" style={{ paddingLeft:36 }} />
setEventEdit(iNewEvent())} title="Ajouter un événement au calendrier (RDV, visite…)">📅 Événement
setTaskEdit(iNewTask('now'))}>
📅 Événements à venir {evenements.length||''}
setEventEdit(iNewEvent())}>
{evenements.length===0 ?
Aucun événement à venir. Ajoute un RDV, une visite… : evenements.map(ev=>(
setEventEdit(ev)} style={{ display:'flex', alignItems:'center', gap:12, padding:'11px 4px', borderBottom:'1px solid var(--border)', cursor:'pointer' }}>
{ev.due.slice(8,10)}
{I_MONTHS_AB[parseInt(ev.due.slice(5,7))-1]}
{ev.title}
{[ev.heure?'🕐 '+ev.heure:'', ev.lieu?'📍 '+ev.lieu:''].filter(Boolean).join(' · ')||iFmtDate(ev.due)}
))}
setShowDone(s=>!s)} style={{ padding:'14px 18px', display:'flex', alignItems:'center', justifyContent:'space-between', cursor:'pointer' }}>
✓ Accomplies {done.length}
{showDone &&
{done.length===0?Rien d'accompli pour l'instant :done.map(t=>
}
🎯 Objectifs société
setObjEdit({ id:iUid('O'), mois:iMonthKey(today), libelle:'', cible:0, type:'ca' })}>
{db.objectifs.length===0 ?
Aucun objectif défini : db.objectifs.map(o=>{
const cur=o.type==='ca'?db.moves.filter(m=>iMonthKey(m.date)===o.mois).reduce((a,m)=>a+iCaEncaisse(m),0):db.moves.filter(m=>iMonthKey(m.date)===o.mois&&m.statut==='termine').length;
const pct=Math.min(100,Math.round(cur/(o.cible||1)*100)); return (
setObjEdit(o)} style={{ padding:'10px 6px', cursor:'pointer', borderBottom:'1px solid var(--border)' }}>
{o.libelle} · {iMonthLabel(o.mois)}
{o.type==='ca'?euro(cur):cur} / {o.type==='ca'?euro(o.cible):o.cible}
=100?'#16965A':'var(--brand)', borderRadius:999 }} />
); })}
{taskEdit &&
setTaskEdit(null)} showToast={showToast} />}
{eventEdit && setEventEdit(null)} showToast={showToast} />}
{objEdit && setObjEdit(null)} showToast={showToast} />}
);
}
/* ============================================================ CLIENTS */
function iBuildClients(moves){
const eng=['confirme','attente_paiement','termine'];
const map={};
moves.filter(m=>eng.includes(m.statut)).forEach(m=>{ const k=(m.tel||(m.prenom+m.nom)).trim();
if(!map[k]) map[k]={ prenom:m.prenom, nom:m.nom, tel:m.tel, email:m.email, source:m.source, moves:[], ca:0, avis:[] };
map[k].moves.push(m); map[k].ca+=iCaEncaisse(m); if(m.avis) map[k].avis.push(m.avis); });
return Object.values(map).map(c=>({ ...c, premium:c.moves.some(m=>m.formule==='premium'), fidele:c.moves.length>1 })).sort((a,b)=>b.ca-a.ca);
}
function IClientDetail({ client, onClose, openMove }){
const db=useInt();
const c=client; const full=((c.prenom||'')+' '+(c.nom||'')).trim();
const boxes=(db.boxes||[]).filter(b=> (b.clientEmail&&c.email&&b.clientEmail===c.email) || (b.client && b.client===full));
const term=c.moves.filter(m=>m.statut==='termine'); const aov=term.length?Math.round(term.reduce((a,m)=>a+iNum(m.montant),0)/term.length):0;
const histo=[...c.moves].sort((a,b)=>(b.date||'').localeCompare(a.date||''));
const fmtBoxDuree=(b)=> b.libre?'indéterminée':((b.months||'?')+' mois');
const node=(
{ if(e.target===e.currentTarget) onClose(); }} style={{ position:'fixed', inset:0, zIndex:1100, background:'rgba(11,31,43,.55)', display:'flex', alignItems:'center', justifyContent:'center', padding:24 }}>
e.stopPropagation()} style={{ width:'min(640px,100%)', maxHeight:'92vh', background:'var(--card)', borderRadius:16, boxShadow:'var(--shadow-pop)', display:'flex', flexDirection:'column', overflow:'hidden' }}>
{full}
{c.fidele && Fidèle }
{c.premium && Premium }
{[c.tel,c.email].filter(Boolean).join(' · ')||'—'} · {I_SOURCES[c.source]||'Direct'}
{[['CA cumulé',euro(c.ca),'#16965A'],['Déménagements',String(c.moves.length),'#2563EB'],['Panier moyen',aov?euro(aov):'—','#14384E'],['Avis','★ '+(c.avis.length),'#C2992E']].map(([l,v,col],i)=>(
))}
📦 Box loués {boxes.length>0&&'· '+boxes.length}
{boxes.length===0 ?
Aucun box réservé.
:
{boxes.map(b=>(
📦
Box {b.tier} · {b.size}
{fmtBoxDuree(b)} · dès {b.startDate?iFmtDate(b.startDate):'—'}
{euro(b.price)}/m
{b.statut==='actif'?'Actif':'Demande'} ))}
}
🚚 Historique des déménagements
{histo.map(m=>(
{ onClose(); openMove&&openMove(m); }} className="hoverrow" style={{ display:'flex', alignItems:'center', gap:10, padding:'10px 12px', borderRadius:10, background:'var(--bg)', cursor:'pointer' }}>
{m.dep.ville||'?'} → {m.arr.ville||'?'}
{iFmtDate(m.date)} · {(I_FORMULES[m.formule]||{}).label||m.formule}
{euro(iNum(m.montant))}
))}
);
return (window.ReactDOM && ReactDOM.createPortal) ? ReactDOM.createPortal(node, document.body) : node;
}
function IClients({ openMove }){
const db=useInt(); const [q,setQ]=uIS(''); const [filt,setFilt]=uIS('tous'); const [sel,setSel]=uIS(null);
const clients=iBuildClients(db.moves);
const avisAll=clients.flatMap(c=>c.avis);
let list=clients.filter(c=>`${c.prenom} ${c.nom} ${c.email}`.toLowerCase().includes(q.toLowerCase()));
if(filt==='nouveau') list=list.filter(c=>c.moves.length===1);
if(filt==='fidele') list=list.filter(c=>c.fidele);
if(filt==='premium') list=list.filter(c=>c.premium);
const kpis=[ {l:'Clients',v:clients.length,c:'#2563EB'}, {l:'CA cumulé',v:euro(clients.reduce((a,c)=>a+c.ca,0)),c:'#16965A'}, {l:'Premium',v:clients.filter(c=>c.premium).length,c:'#B63D24'}, {l:'Fidèles',v:clients.filter(c=>c.fidele).length,c:'#C77A0A'}, {l:'Avis reçus',v:'★ '+avisAll.length,c:'#C2992E'} ];
return (
setQ(e.target.value)} placeholder="Rechercher…" style={{ paddingLeft:36 }} />
{[['tous','Tous'],['nouveau','Nouveau'],['fidele','Fidèle'],['premium','Premium']].map(([k,l])=>(
setFilt(k)} style={{ fontSize:13, fontWeight:600, padding:'8px 14px', borderRadius:999, border:'1px solid', borderColor:filt===k?'var(--brand)':'var(--border-2)', background:filt===k?'var(--brand)':'var(--card)', color:filt===k?'#fff':'var(--ink-2)' }}>{l} ))}
{list.length} client{list.length>1?'s':''}
{list.length===0 ?
Aucun client. Les clients sont générés automatiquement depuis les déménagements (devis accepté et au-delà).
:
{list.map((c,i)=>(
setSel(c)} className="card hoverrow" style={{ overflow:'hidden', cursor:'pointer' }}>
{c.prenom} {c.nom}
{c.fidele && Fidèle }
{c.premium && Premium }
{I_SOURCES[c.source]||'Direct'} · {c.email||c.tel}
{c.moves.filter(m=>m.statut==='termine').length}
terminés
{iFmtDate([...c.moves].sort((a,b)=>(b.date||'').localeCompare(a.date||''))[0].date)}
dernier
))}
}
{sel &&
setSel(null)} openMove={openMove} />}
);
}
/* ============================================================ OPÉRATIONNEL */
function ICamionDrawer({ cam, onClose, showToast }){
const db=useInt(); const isNew=!db.camions.some(x=>x.id===cam.id);
const [c,setC]=uIS(()=>JSON.parse(JSON.stringify(cam))); const f=(k,v)=>setC(s=>({...s,[k]:v}));
const save=()=>{ if(!c.nom.trim()){ showToast('Nom requis'); return; } iCommit(db=>{ const i=db.camions.findIndex(x=>x.id===c.id); if(i>=0) db.camions[i]=c; else db.camions.push(c); }); showToast('Camion enregistré'); onClose(); };
const del=()=>{ iCommit(db=>{ db.camions=db.camions.filter(x=>x.id!==c.id); }); showToast('Camion supprimé'); onClose(); };
const modeles = I_CAMION_MARQUES[c.marque]||[];
const ents = c.entretiens||[];
const kmNow = iCamionKm(c.id);
const setEnt=(i,k,v)=>{ const a=[...ents]; a[i]={...a[i],[k]:v}; f('entretiens',a); };
const addEnt=()=>f('entretiens',[...ents, { type:'', moisInterval:'', kmInterval:'', dernierDate:'', dernierKm:'', prochainDate:'' }]);
const delEnt=(i)=>f('entretiens', ents.filter((_,j)=>j!==i));
return (
{!isNew?Supprimer :Annuler Enregistrer
}>
🚛 Véhicule
f('nom',e.target.value)} placeholder="ex : Le gros, Camion 1…" />
{ f('marque',e.target.value); f('modele',''); }}>— Choisir — {Object.keys(I_CAMION_MARQUES).map(m=>{m} )} {modeles.length? f('modele',e.target.value)}>— Choisir — {modeles.map(m=>{m} )} : f('modele',e.target.value)} placeholder="Modèle" />}
f('motorisation',e.target.value)}>— Choisir — {I_MOTORISATIONS.map(m=>{m} )} f('taille',e.target.value)}>— Choisir — {I_TAILLES_CAMION.map(t=>{t} )}
f('immat',e.target.value)} /> f('volume',e.target.value)} /> f('conso',iNum(e.target.value))} placeholder="ex : 14" />
f('chargeUtile',iNum(e.target.value))} placeholder="ex : 1200" /> f('kmInitial',iNum(e.target.value))} /> f('etat',e.target.value)}>Disponible En entretien En panne
Compteur actuel : {kmNow.toLocaleString('fr-FR')} km (les déménagements terminés s'ajoutent automatiquement).
🔧 Carnet d'entretien
{ents.length===0 && f('entretiens',iDefautEntretiens())}>Charger le modèle constructeur }
Renseigne la date (et/ou le km) du dernier entretien, ajuste les intervalles si besoin. La prochaine échéance et les alertes se calculent toutes seules.
{ents.length===0 ? Aucun entretien suivi. Charge le modèle constructeur ou ajoute le tien. :
{ents.map((e,i)=>{
const ech=iEntretienEcheance(e,kmNow); const today=iToday();
let statut='ok'; if(ech.dueDate && iDaysBetween(today,ech.dueDate)<0) statut='retard'; else if(ech.kmRestant!=null && ech.kmRestant<0) statut='retard'; else if(ech.dueDate && iDaysBetween(today,ech.dueDate)<=30) statut='bientot'; else if(ech.kmRestant!=null && ech.kmRestant<=2000) statut='bientot';
const col=statut==='retard'?'#C2362B':statut==='bientot'?'#C77A0A':'#16965A';
return (
setEnt(i,'type',ev.target.value)} placeholder="Type d'entretien" style={{ flex:1, height:32, fontWeight:600 }} />
{(ech.dueDate||ech.kmRestant!=null) && {statut==='retard'?'⚠ En retard':statut==='bientot'?'⏳ Bientôt':'✓ À jour'} }
delEnt(i)} style={{ color:'var(--muted)', display:'flex' }}>
setEnt(i,'dernierDate',ev.target.value)} style={{ height:32 }} /> setEnt(i,'dernierKm',ev.target.value)} placeholder="km" style={{ height:32 }} /> setEnt(i,'moisInterval',ev.target.value)} placeholder="mois" style={{ height:32 }} /> setEnt(i,'kmInterval',ev.target.value)} placeholder="km" style={{ height:32 }} />
{ech.dueDate && 📅 Prochain : {iFmtDate(ech.dueDate)} }
{ech.kmRestant!=null && 🛣 Reste : {ech.kmRestant.toLocaleString('fr-FR')} km }
Date imposée : setEnt(i,'prochainDate',ev.target.value)} style={{ height:28, width:140 }} />
); })}
); }
function IEmpDrawer({ emp, onClose, showToast }){
const db=useInt(); const isNew=!db.equipe.some(x=>x.id===emp.id);
const [e,setE]=uIS(()=>JSON.parse(JSON.stringify(emp))); const f=(k,v)=>setE(s=>({...s,[k]:v}));
const save=()=>{ if(!e.prenom.trim()){ showToast('Prénom requis'); return; } iCommit(db=>{ const i=db.equipe.findIndex(x=>x.id===e.id); if(i>=0) db.equipe[i]=e; else db.equipe.push(e); }); showToast('Membre enregistré'); onClose(); };
const del=()=>{ iCommit(db=>{ db.equipe=db.equipe.filter(x=>x.id!==e.id); }); showToast('Membre supprimé'); onClose(); };
return (
{!isNew?Supprimer :Annuler Enregistrer
}>
f('prenom',ev.target.value)} /> f('nom',ev.target.value)} />
f('role',ev.target.value)}>Chef d'équipe Déménageur Chauffeur f('tel',ev.target.value)} />
f('permis',ev.target.value)}>B C CE f('niveauExp',ev.target.value)}>Débutant Confirmé Expert
💶 Rémunération
f('tarif',ev.target.value)} placeholder="ex : 150" /> f('tarifType',ev.target.value)}>Journée Heure Chantier
); }
function IMaterielDrawer({ mat, onClose, showToast }){
const db=useInt(); const isNew=!db.materiel.some(x=>x.id===mat.id);
const [m,setM]=uIS(()=>JSON.parse(JSON.stringify(mat))); const f=(k,v)=>setM(s=>({...s,[k]:v}));
const save=()=>{ if(!m.nom.trim()){ showToast('Nom requis'); return; } iCommit(db=>{ const i=db.materiel.findIndex(x=>x.id===m.id); if(i>=0) db.materiel[i]=m; else db.materiel.push(m); }); showToast('Matériel enregistré'); onClose(); };
const del=()=>{ iCommit(db=>{ db.materiel=db.materiel.filter(x=>x.id!==m.id); }); showToast('Matériel supprimé'); onClose(); };
return (
{!isNew?Supprimer :Annuler Enregistrer
}>
f('nom',e.target.value)} placeholder="Couvertures, sangles…" />
f('unites',iNum(e.target.value))} /> f('prix',iNum(e.target.value))} /> f('seuil',iNum(e.target.value))} />
); }
function IOperationnel({ showToast }){
const db=useInt(); const [tab,setTab]=uIS('ressources'); const [weekOff,setWeekOff]=uIS(0);
const [camEdit,setCamEdit]=uIS(null); const [empEdit,setEmpEdit]=uIS(null); const [matEdit,setMatEdit]=uIS(null);
const today=iToday();
const actifs=db.equipe.filter(e=>e.actif).length;
const dispo=db.camions.filter(c=>c.etat==='dispo').length;
const alertesFlotte=iToutesAlertesFlotte(); const stockBas=iStockBas(); const alertes=alertesFlotte.length+stockBas.length;
const chantiers=db.moves.filter(m=>m.date>=today && ['confirme','attente_paiement'].includes(m.statut)).length;
const kpis=[ {l:'Employés actifs',v:actifs+'/'+db.equipe.length}, {l:'Camions dispos',v:dispo+'/'+db.camions.length}, {l:'Alertes entretien',v:String(alertes),t:alertes?'a':''}, {l:'Chantiers à venir',v:String(chantiers)} ];
const adjust=(m,delta)=>iCommit(db=>{ const x=db.materiel.find(v=>v.id===m.id); if(x) x.unites=Math.max(0,iNum(x.unites)+delta); });
const futureMoves=db.moves.filter(m=>m.date>=today && !['refuse','annule'].includes(m.statut)).sort((a,b)=>a.date.localeCompare(b.date));
return (
setCamEdit({ id:iUid('CAM'), nom:'', marque:'', modele:'', motorisation:'', taille:'', immat:'', volume:'', conso:'', chargeUtile:'', etat:'dispo', entretiens:iDefautEntretiens() })}>🚛 + Camion
setEmpEdit({ id:iUid('EMP'), prenom:'', nom:'', tel:'', role:'demenageur', permis:'B', tarif:'', tarifType:'jour', aCamion:false, niveauExp:'confirme', actif:true })}>👷 + Employé
setMatEdit({ id:iUid('M'), nom:'', unites:0, prix:0, seuil:1 })}>📦 + Matériel
{tab==='ressources' ? (<>
{(alertesFlotte.length>0 || stockBas.length>0) &&
a.statut==='retard')?'#C2362B':'#C77A0A' }}>
🔔 Alertes ({alertesFlotte.length+stockBas.length})
{alertesFlotte.map((a,i)=>{ const ret=a.statut==='retard'; const col=ret?'#C2362B':'#C77A0A'; return (
{ const c=db.camions.find(x=>x.id===a.camId); if(c) setCamEdit(c); }} style={{ display:'flex', alignItems:'center', gap:10, padding:'9px 11px', borderRadius:9, background:col+'12', cursor:'pointer' }}>
{ret?'⚠️':'⏳'}
{a.type} · {a.camNom}
{a.label}
); })}
{stockBas.map((m,i)=>(
setMatEdit(m)} style={{ display:'flex', alignItems:'center', gap:10, padding:'9px 11px', borderRadius:9, background:'rgba(194,54,43,.07)', cursor:'pointer' }}>
📦
Stock bas : {m.nom}
{m.unites} restant(s) · seuil {m.seuil} · à renflouer
))}
}
🚛 Flotte de camions
{db.camions.length===0 ?
setCamEdit({ id:iUid('CAM'), nom:'', marque:'', modele:'', motorisation:'', taille:'', immat:'', volume:'', conso:'', chargeUtile:'', etat:'dispo', entretiens:iDefautEntretiens() })} className="card" style={{ width:'100%', padding:'40px 16px', border:'2px dashed var(--border-2)', background:'transparent', color:'var(--muted)' }}>🚛Ajouter un camion
:
{db.camions.map(c=>{ const al=iCamionEntretiensDus(c); const retard=al.some(a=>a.statut==='retard'); return (
setCamEdit(c)} className="card card-pad" style={{ cursor:'pointer', display:'flex', alignItems:'center', gap:13, borderColor:retard?'#C2362B':undefined }}>
{c.nom}{(c.marque||c.modele)? · {c.marque} {c.modele} :''}
{c.immat||'—'} · {c.volume||'?'} m³ · {iCamionKm(c.id).toLocaleString('fr-FR')} km {al.length>0 && · {retard?'⚠ '+al.length+' entretien(s)':'⏳ '+al.length+' bientôt'} }
{c.etat==='dispo'?'Disponible':c.etat==='entretien'?'Entretien':'Panne'}
); })}
setCamEdit({ id:iUid('CAM'), nom:'', marque:'', modele:'', motorisation:'', taille:'', immat:'', volume:'', conso:'', chargeUtile:'', etat:'dispo', entretiens:iDefautEntretiens() })} className="btn btn-ghost btn-sm" style={{ width:'100%' }}>
}
👷 Équipe
{db.equipe.length===0 ?
setEmpEdit({ id:iUid('EMP'), prenom:'', nom:'', tel:'', role:'demenageur', permis:'B', tarif:'', tarifType:'jour', aCamion:false, niveauExp:'confirme', actif:true })} className="card" style={{ width:'100%', padding:'40px 16px', border:'2px dashed var(--border-2)', background:'transparent', color:'var(--muted)' }}>👷Ajouter un employé
:
{db.equipe.map(e=>(
setEmpEdit(e)} className="card card-pad" style={{ cursor:'pointer', display:'flex', alignItems:'center', gap:13 }}>
{e.prenom} {e.nom}{e.aCamion && 🚛 }
{e.role==='chef'?"Chef d'équipe":e.role==='chauffeur'?'Chauffeur':'Déménageur'}{e.niveauExp?' · '+(e.niveauExp==='debutant'?'Débutant':e.niveauExp==='expert'?'Expert':'Confirmé'):''}{iNum(e.tarif)>0?' · '+euro(iNum(e.tarif))+'/'+(e.tarifType==='heure'?'h':e.tarifType==='chantier'?'chantier':'j'):''} · {iEmployeMoves(e.id)} déménag.
{!e.actif &&
Inactif }
))}
setEmpEdit({ id:iUid('EMP'), prenom:'', nom:'', tel:'', role:'demenageur', permis:'B', tarif:'', tarifType:'jour', aCamion:false, niveauExp:'confirme', actif:true })} className="btn btn-ghost btn-sm" style={{ width:'100%' }}>
}
📦 Stock matériel
{db.materiel.map(m=>{ const bas=iNum(m.unites)<=iNum(m.seuil); return (
setMatEdit(m)} style={{ cursor:'pointer', display:'flex' }}>
{bas && ⚠️ Bas }
setMatEdit(m)} style={{ fontSize:14, fontWeight:700, color:'var(--ink)', marginTop:8, cursor:'pointer' }}>{m.nom}
{m.unites}
unités · {m.prix} €/u · seuil {m.seuil}
adjust(m,-1)} className="btn btn-ghost btn-sm" style={{ flex:1, color:'#C2362B' }}>−
adjust(m,1)} className="btn btn-ghost btn-sm" style={{ flex:1, color:'#16965A' }}>+
); })}
setMatEdit({ id:iUid('M'), nom:'', unites:0, prix:0, seuil:1 })} className="card" style={{ padding:'30px 16px', border:'2px dashed var(--border-2)', background:'transparent', color:'var(--muted)', display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:6 }}>Ajouter
) : (()=>{
const mon=(()=>{ const d=new Date(today+'T00:00:00'); let dow=d.getDay(); dow=dow===0?6:dow-1; d.setDate(d.getDate()-dow+weekOff*7); return d; })();
const days=[...Array(7)].map((_,i)=>{ const d=new Date(mon); d.setDate(mon.getDate()+i); return d.toISOString().slice(0,10); });
const DOW=['Lun','Mar','Mer','Jeu','Ven','Sam','Dim'];
const onDay=(ds)=>db.moves.filter(m=>m.date===ds && !['refuse','annule'].includes(m.statut));
const usesCam=(m,id)=>(m.camions||[]).some(c=>c.id===id);
const usesEmp=(m,id)=>((m.mainOeuvre||[]).some(p=>p.id===id))||((m.equipe||[]).includes(id));
const cli=(m)=>((m.prenom||'')+' '+(m.nom||'')).trim()||m.id;
const resCam=db.camions.map(c=>({ id:c.id, label:c.nom||('Camion '+(c.immat||'')), type:'cam' }));
const resEmp=db.equipe.map(e=>({ id:e.id, label:((e.prenom||'')+' '+(e.nom||'')).trim()||'Employé', type:'emp' }));
const lbl=(d)=>{ const dt=new Date(d+'T00:00:00'); return DOW[(dt.getDay()+6)%7]+' '+dt.getDate(); };
const Row=({ res })=> (
{res.type==='cam'?'🚛 ':'👷 '}{res.label}
{days.map((ds,di)=>{ const ms=onDay(ds).filter(m=> res.type==='cam'?usesCam(m,res.id):usesEmp(m,res.id)); const conflit=ms.length>1; return (
{ms.length===0 ? —
:
ms.map(m=>(window.LBC_INT.openMoveGlobal&&window.LBC_INT.openMoveGlobal(m)} title={cli(m)+' · '+(m.dep.ville||'?')+'→'+(m.arr.ville||'?')} style={{ cursor:'pointer', fontSize:10.5, fontWeight:600, padding:'4px 6px', borderRadius:6, marginBottom:3, lineHeight:1.2, whiteSpace:'nowrap', overflow:'hidden', textOverflow:'ellipsis', background:conflit?'rgba(194,54,43,.16)':'rgba(182,61,36,.12)', color:conflit?'#C2362B':'var(--brand)' }}>{m.heure?m.heure+' ':''}{cli(m)}
))}
); })}
);
return (
Planning de la semaine
setWeekOff(w=>w-1)}>
{iFmtDate(days[0])} → {iFmtDate(days[6])}
setWeekOff(w=>w+1)}>
{weekOff!==0 && setWeekOff(0)}>Cette semaine }
{(resCam.length+resEmp.length)===0 ?
Ajoute des camions et des employés dans l'onglet « Ressources » pour voir leur planning. :
Ressource
{days.map((d,i)=>{lbl(d)} )}
{resCam.length>0 && Camions |
)}
{resEmp.length>0 && Équipe |
)}
}
Une case rouge = ressource réservée 2 fois le même jour (conflit). Clique un chantier pour l'ouvrir.
); })()}
{camEdit &&
setCamEdit(null)} showToast={showToast} />}
{empEdit && setEmpEdit(null)} showToast={showToast} />}
{matEdit && setMatEdit(null)} showToast={showToast} />}
);
}
/* ============================================================ STATISTIQUES */
function IStatistiques(){
const db=useInt(); const moves=db.moves;
const term=moves.filter(m=>m.statut==='termine');
const eng=moves.filter(m=>['confirme','attente_paiement','termine'].includes(m.statut));
const refus=moves.filter(m=>m.statut==='refuse');
const repondus=moves.filter(m=>m.statut!=='devis_a_envoyer'&&m.statut!=='annule');
const conv=repondus.length?Math.round(eng.length/repondus.length*100):0;
const caPerdu=refus.reduce((a,m)=>a+iNum(m.montant),0);
const aov=term.length?Math.round(term.reduce((a,m)=>a+iNum(m.montant),0)/term.length):0;
const litigesAssur=db.incidents.filter(i=>i.statut==='assurance'); const incidents=litigesAssur.length;
const clients=iBuildClients(moves);
const kpis=[ {l:'Taux conversion',v:conv+'%',c:conv>=50?'#16965A':'#B63D24'}, {l:'Devis refusés',v:String(refus.length),c:'#C2362B'}, {l:'CA perdu (refus)',v:euro(caPerdu),c:'#C2362B'}, {l:'Clients fidèles',v:clients.filter(c=>c.fidele).length+' ('+(clients.length?Math.round(clients.filter(c=>c.fidele).length/clients.length*100):0)+'%)',c:'#C77A0A'}, {l:'Panier moyen',v:aov?euro(aov):'—'}, {l:'Total terminés',v:String(term.length),c:'#2563EB'}, {l:'Litiges assurance',v:String(incidents),c:incidents?'#C2362B':'var(--ink)'} ];
// sources
const bySrc={}; moves.forEach(m=>{ const s=m.source||'autre'; if(!bySrc[s]) bySrc[s]={n:0,conv:0}; bySrc[s].n++; if(['confirme','attente_paiement','termine'].includes(m.statut)) bySrc[s].conv++; });
const srcRows=Object.keys(bySrc).map(s=>({ s, n:bySrc[s].n, pct:Math.round(bySrc[s].conv/bySrc[s].n*100) })).sort((a,b)=>b.n-a.n);
const srcMax=Math.max(1,...srcRows.map(r=>r.n));
// pipeline
const pipe=I_PIPELINE.map(s=>({ s, n:moves.filter(m=>m.statut===s).length, val:moves.filter(m=>m.statut===s).reduce((a,m)=>a+iNum(m.montant),0) }));
const pipeMax=Math.max(1,...pipe.map(p=>p.n));
// formules
const byForm={}; term.forEach(m=>{ byForm[m.formule]=(byForm[m.formule]||0)+iNum(m.montant); });
const formSegs=Object.keys(byForm).map(k=>{ const fo=I_FORMULES[k]||{label:k,c:'#8A96A0'}; return { label:fo.label, value:byForm[k], color:fo.c }; });
// rentabilité par formule (chantiers gagnés)
const byFormR={}; eng.forEach(m=>{ const f=m.formule; if(!byFormR[f]) byFormR[f]={n:0,ca:0,cout:0,comm:0}; byFormR[f].n++; byFormR[f].ca+=iNum(m.montant); byFormR[f].cout+=iCoutTotal(m); if(m.partenaire) byFormR[f].comm+=Math.round(iNum(m.montant)*partnerRate(m.partnerId)/100); });
const formRows=Object.keys(byFormR).map(f=>{ const fo=I_FORMULES[f]||{label:f,c:'#8A96A0'}; const g=byFormR[f]; const netF=g.ca-g.cout-g.comm; return { label:fo.label, c:fo.c, n:g.n, ca:g.ca, net:netF, marge:g.ca?Math.round(netF/g.ca*100):0 }; }).sort((a,b)=>b.net-a.net);
// évolution mensuelle (terminés + conv)
const byMonth={}; moves.forEach(m=>{ const k=iMonthKey(m.date); if(!k) return; if(!byMonth[k]) byMonth[k]={term:0,refus:0}; if(m.statut==='termine') byMonth[k].term++; if(m.statut==='refuse') byMonth[k].refus++; });
const months=Object.keys(byMonth).sort();
const evo=months.map(k=>({ m:I_MONTHS_AB[parseInt(k.slice(5,7))-1], v:byMonth[k].term }));
const topClients=[...clients].sort((a,b)=>b.ca-a.ca).slice(0,5);
// acquisition réseau (partenaires)
const byPartner={}; moves.forEach(m=>{ if(!m.partenaire) return; if(!byPartner[m.partenaire]) byPartner[m.partenaire]={n:0,ca:0,won:0}; byPartner[m.partenaire].n++; byPartner[m.partenaire].ca+=iCaEncaisse(m); if(['confirme','attente_paiement','termine'].includes(m.statut)) byPartner[m.partenaire].won++; });
const topPartners=Object.keys(byPartner).map(k=>({ k, ...byPartner[k] })).sort((a,b)=>b.ca-a.ca).slice(0,6);
const caPartenaires=moves.filter(m=>m.partenaire).reduce((a,m)=>a+iCaEncaisse(m),0);
const partDirect=moves.filter(m=>!['refuse','annule'].includes(m.statut));
const partShare=partDirect.length?Math.round(moves.filter(m=>m.partenaire&&!['refuse','annule'].includes(m.statut)).length/partDirect.length*100):0;
// évolution (combo terminés + taux de conversion), vision année / depuis le début
const [evoRange,setEvoRange]=uIS(String(new Date().getFullYear()));
const allMonthsStat=(()=>{ const s=new Set(); moves.forEach(m=>m.date&&s.add(iMonthKey(m.date))); return [...s].sort(); })();
const statYears=Array.from(new Set(allMonthsStat.map(k=>k.slice(0,4)).concat([String(new Date().getFullYear())]))).sort();
const evoMonths=evoRange==='all'?(allMonthsStat.length?iMonthRange(allMonthsStat[0], iMonthKey(iToday())):[iMonthKey(iToday())]):iMonthRange(evoRange+'-01', evoRange+'-12');
const evoRows=evoMonths.map(k=>{ const ms=moves.filter(x=>iMonthKey(x.date)===k); const t=ms.filter(x=>x.statut==='termine').length; const base=ms.filter(x=>x.statut!=='annule').length; const won=ms.filter(x=>['confirme','attente_paiement','termine'].includes(x.statut)).length; return { label:I_MONTHS_AB[parseInt(k.slice(5,7))-1], vol:t, conv:base?Math.round(won/base*100):0, ca:ms.reduce((a,x)=>a+iCaEncaisse(x),0) }; });
// performance chantiers
const avisList=moves.filter(m=>m.avis).map(m=>m.avis); const nbAvis=avisList.length;
const satis=nbAvis?Math.round(avisList.reduce((a,v)=>a+v,0)/nbAvis/5*100):0;
const tauxAvis=term.length?Math.round(nbAvis/term.length*100):0;
const margeBruteMoy=term.length?Math.round(term.reduce((a,m)=>a+iBenefice(m),0)/term.length):0;
const bestForm=[...formRows].sort((a,b)=>b.marge-a.marge)[0];
const incidentsN=(db.incidents||[]).filter(i=>i.statut==='assurance').length;
const indemnTotal=(db.incidents||[]).filter(i=>i.statut==='assurance').reduce((a,i)=>a+iNum(i.montant),0);
// fidélisation & récurrence
const nouveaux=clients.filter(c=>c.moves.length===1).length;
const fideles=clients.filter(c=>c.fidele).length;
const premiumC=clients.filter(c=>c.premium).length;
const tauxFidel=clients.length?Math.round(fideles/clients.length*100):0;
const perf=[
{ l:'Déménag. terminés', v:String(term.length) },
{ l:'Marge brute moy.', v:term.length?euro(margeBruteMoy):'—' },
{ l:'Formule + rentable', v:bestForm?bestForm.label+' ('+bestForm.marge+'% marge)':'—' },
{ l:'Taux de satisfaction', v:satis+'% ('+nbAvis+'/'+term.length+' avis)' },
{ l:'Taux d\'avis / client', v:tauxAvis+'%' },
{ l:'Litiges assurance', v:incidentsN?(incidentsN+(indemnTotal?' · '+euro(indemnTotal):'')):'✓ Aucun', c:incidentsN?'#C2362B':'#16965A' },
];
// coût par lead & ROI acquisition payante (Google / Meta / Leboncoin)
const moisSetS=new Set(); moves.forEach(m=>m.date&&moisSetS.add(iMonthKey(m.date))); db.charges.forEach(c=>c.date&&moisSetS.add(iMonthKey(c.date))); const nMoisS=Math.max(1,moisSetS.size);
const mkt=db.charges.filter(c=>c.categorie==='Publicité / Marketing');
const budgetPub=mkt.filter(c=>c.recurrent).reduce((a,c)=>a+iMensualise(c),0)*nMoisS + mkt.filter(c=>!c.recurrent).reduce((a,c)=>a+iNum(c.montant),0);
const PAID=['google','meta','leboncoin'];
const CANAL_OF={ google:'Google Ads', meta:'Meta', leboncoin:'Leboncoin' };
// dépense pub par canal (récurrent mensualisé × nb mois + ponctuel)
const mktByCanal={}; mkt.forEach(c=>{ const k=c.canal||'Autre'; const v=c.recurrent?iMensualise(c)*nMoisS:iNum(c.montant); mktByCanal[k]=(mktByCanal[k]||0)+v; });
const paidMoves=moves.filter(m=>PAID.includes(m.source));
const paidWon=paidMoves.filter(m=>['confirme','attente_paiement','termine'].includes(m.statut));
const caPaid=paidMoves.reduce((a,m)=>a+iCaEncaisse(m),0);
const cpl=paidMoves.length?Math.round(budgetPub/paidMoves.length):0;
const cac=paidWon.length?Math.round(budgetPub/paidWon.length):0;
const roas=budgetPub>0?(caPaid/budgetPub):0;
const cplRows=PAID.map(s=>{ const ms=moves.filter(m=>m.source===s); const won=ms.filter(m=>['confirme','attente_paiement','termine'].includes(m.statut)); const dep=mktByCanal[CANAL_OF[s]]||0; const ca=ms.reduce((a,m)=>a+iCaEncaisse(m),0);
return { s, canal:CANAL_OF[s], leads:ms.length, clients:won.length, conv:ms.length?Math.round(won.length/ms.length*100):0, ca, dep, cpl:(ms.length&&dep)?Math.round(dep/ms.length):0, cac:(won.length&&dep)?Math.round(dep/won.length):0, roas:dep?ca/dep:0 }; }).filter(r=>r.leads>0||r.dep>0);
const acqKpis=[ {l:'Budget pub (période)',v:euro(budgetPub),c:'#C77A0A'}, {l:'Coût par lead (CPL)',v:cpl?euro(cpl):'—',c:'#2563EB'}, {l:"Coût d'acquisition client",v:cac?euro(cac):'—',c:'#B63D24'}, {l:'ROAS (CA / budget)',v:budgetPub?roas.toFixed(1)+'×':'—',c:roas>=3?'#16965A':roas>0?'#C77A0A':'var(--ink)'} ];
// évolution mensuelle du CPL (suit le sélecteur d'année ci-dessous) + alerte cible
const recurMktMonthly=mkt.filter(c=>c.recurrent).reduce((a,c)=>a+iMensualise(c),0);
const cplEvo=evoMonths.map(k=>{ const dep=recurMktMonthly + mkt.filter(c=>!c.recurrent && iMonthKey(c.date)===k).reduce((a,c)=>a+iNum(c.montant),0); const ms=paidMoves.filter(m=>iMonthKey(m.date)===k); const won=ms.filter(m=>['confirme','attente_paiement','termine'].includes(m.statut)).length; return { label:I_MONTHS_AB[parseInt(k.slice(5,7))-1], cpl:ms.length?Math.round(dep/ms.length):0, leads:ms.length, dep:Math.round(dep), won }; });
const cplCible=iNum(db.settings&&db.settings.cplCible)||0;
const cplDernier=[...cplEvo].reverse().find(r=>r.leads>0)||null;
const cplAlerte=cplCible>0 && cplDernier && cplDernier.cpl>cplCible;
return (
🧭 Sources d'acquisition & taux de conversion
{srcRows.length===0 ?
Aucune donnée :
{srcRows.map(r=>(
{I_SOURCES[r.s]||r.s}
{r.n}
{r.pct}% conv.
))}
}
💸 Coût par lead & ROI acquisition
CPL, coût d'acquisition et ROAS par canal. Tague tes charges « Publicité / Marketing » par canal (Google Ads / Meta / Leboncoin) pour un calcul précis.
{cplAlerte &&
⚠️
CPL en dérapage : {euro(cplDernier.cpl)} sur {cplDernier.label}, au-dessus de ta cible de {euro(cplCible)} . Réduis les enchères ou coupe les campagnes les moins rentables.
}
{(cplEvo.some(r=>r.cpl>0) || cplCible>0) &&
📉 Évolution du coût par lead (CPL) {cplCible>0?· cible {euro(cplCible)} :· définis une cible dans Réglages pour suivre les dérapages }
}
{cplRows.length===0 ?
Aucune donnée d'acquisition payante. Les leads avec source Google / Meta / Leboncoin et tes charges pub apparaîtront ici.
:
Canal Dépense Leads Clients Conv. CPL Coût client CA ROAS {cplRows.map((r,i)=>(
{I_SOURCES[r.s]||r.canal}
{r.dep?euro(r.dep):'—'}
{r.leads}
{r.clients}
{r.conv}%
{r.cpl?euro(r.cpl):'—'}
{r.cac?euro(r.cac):'—'}
{euro(r.ca)}
=3?'#16965A':r.roas>0?'#C77A0A':'var(--muted)' }}>{r.dep?r.roas.toFixed(1)+'×':'—'} ))}
}
💡 CPL = dépense ÷ leads · Coût client = dépense ÷ clients gagnés · ROAS = CA généré ÷ dépense (vise ≥ 3×). Pour des chiffres justes : crée tes leads avec la bonne source et tague tes charges pub par canal.
Taux de conversion
=50?'#16965A':'#B63D24' }}>{conv}%
{eng.length} acceptés · {refus.length} refusés
{euro(eng.reduce((a,m)=>a+iNum(m.montant),0))}
CA gagné
📈 Évolution : volume & conversion
setEvoRange(e.target.value)} style={{ width:'auto', height:34, fontSize:13 }}>
{statYears.map(y=>Année {y} )}
Depuis le début
🔻 Pipeline commercial
{pipe.map(p=>(
{I_STATUS[p.s].label}
{p.n}
{euro(p.val)}
))}
📦 Revenu & rentabilité par formule
{formRows.length===0 ?
Aucune donnée : <>
({ label:r.label, value:r.ca, color:r.c }))} unit="€" />
{formRows.map((r,i)=>(
{r.label} · {r.n} chantiers
{euro(r.ca)}
=30?'#16965A':r.marge>=0?'#C77A0A':'#C2362B' }} title="Marge nette">{r.marge}%
))}
⚡ Performance des chantiers
{perf.map((p,i)=>(
{p.l}
{p.v}
))}
🔄 Fidélisation & récurrence
{[['Nouveaux',nouveaux,'#2563EB'],['Fidèles',fideles,'#C77A0A'],['Premium',premiumC,'#16965A']].map(([l,v,c],i)=>(
))}
Taux de fidélisation =20?'#16965A':'#C77A0A' }}>{tauxFidel}%
{fideles} client{fideles>1?'s':''} sur {clients.length} ont fait appel à toi plusieurs fois.
🏆 Top clients
{topClients.length===0 ?
Aucun déménagement terminé : topClients.map((c,i)=>(
{i+1}
{c.prenom} {c.nom}
{c.moves.length} déménag.
{euro(c.ca)}
))}
🤝 Top partenaires
{partShare}% des leads · {euro(caPartenaires)}
{topPartners.length===0 ?
Aucun lead partenaire : topPartners.map((p,i)=>(
{i+1}
{p.k}
{p.n} leads
{euro(p.ca)}
))}
);
}
/* ============================================================ CHARGES & BILAN */
function iMensualise(c){ const m=iNum(c.montant); return c.frequence==='trimestriel'?m/3:c.frequence==='annuel'?m/12:m; }
function IChargeModal({ ch, onClose, showToast }){
const db=useInt(); const isNew=!db.charges.some(x=>x.id===ch.id);
const [c,setC]=uIS(()=>JSON.parse(JSON.stringify(ch))); const f=(k,v)=>setC(s=>({...s,[k]:v}));
const [facMois,setFacMois]=uIS(iMonthKey(ch.date||iToday()));
const docs=db.documents||[];
const contratDoc=docs.find(d=>d.chargeId===c.id&&d.kind==='contrat');
const factures=docs.filter(d=>d.chargeId===c.id&&d.kind==='facture').sort((a,b)=>(b.mois||'').localeCompare(a.mois||''));
const addDoc=(file,kind,mois)=>{ iCommit(db=>{ db.documents.unshift({ id:iUid('D'), nom:file.name, type:kind==='contrat'?'Contrat':'Facture', kind, mois:mois||'', chargeId:c.id, categorie:c.categorie, libelle:c.libelle, date:iToday(), taille:iSize(file.size), dataURL:file.dataURL }); }); showToast((kind==='contrat'?'Contrat lié':'Facture ajoutée')+(file.dataURL?'':' (fichier trop lourd pour l\'aperçu)')); };
const rmDoc=(id)=>iCommit(db=>{ db.documents=db.documents.filter(d=>d.id!==id); });
const save=()=>{ if(!iNum(c.montant)){ showToast('Montant requis'); return; } iCommit(db=>{ const i=db.charges.findIndex(x=>x.id===c.id); if(i>=0) db.charges[i]=c; else db.charges.push(c); }); showToast('Charge enregistrée'); onClose(); };
const del=()=>{ iCommit(db=>{ db.charges=db.charges.filter(x=>x.id!==c.id); }); showToast('Charge supprimée'); onClose(); };
return (
{ if(e.target===e.currentTarget) onClose(); }} style={{ position:'fixed', inset:0, zIndex:1000, background:'rgba(11,31,43,.5)', display:'flex', alignItems:'center', justifyContent:'center', padding:20 }}>
e.stopPropagation()} className="card" style={{ width:'min(520px,100%)', maxHeight:'88vh', overflow:'hidden', display:'flex', flexDirection:'column' }}>
{isNew?'Nouvelle charge':'Modifier la charge'}
f('categorie',e.target.value)}>{I_CHARGE_CATS.map(k=>{k} )} f('montant',iNum(e.target.value))} />
f('libelle',e.target.value)} placeholder="Ex : loyer entrepôt, abonnement SFR…" />
{c.categorie==='Publicité / Marketing' &&
f('canal',e.target.value)}>— Choisir — {['Google Ads','Meta','Leboncoin','Autre'].map(k=>{k} )}
}
f('date',e.target.value)} /> f('recurrent',e.target.value==='1')}>Ponctuelle Récurrente
{c.recurrent &&
f('frequence',e.target.value)}>Mensuelle Trimestrielle Annuelle
}
{c.recurrent ? (<>
{contratDoc ? rmDoc(contratDoc.id)} /> : addDoc(fl,'contrat','')} />}
{factures.length===0 ?
Aucune facture jointe :
{factures.map(d=>rmDoc(d.id)} />)}
}
) : (
{factures[0] ? rmDoc(factures[0].id)} /> : addDoc(fl,'facture',iMonthKey(c.date||iToday()))} />}
)}
{!isNew?
Supprimer :
}
Annuler Enregistrer
);
}
function ICharges({ showToast }){
const db=useInt(); const [edit,setEdit]=uIS(null); const [period,setPeriod]=uIS('all');
const recur=db.charges.filter(c=>c.recurrent); const ponct=db.charges.filter(c=>!c.recurrent);
const commissionOf=(m)=>Math.round(iNum(m.montant)*partnerRate(m.partnerId)/100);
const recurMensuel=recur.reduce((a,c)=>a+iMensualise(c),0);
const storageMrr=window.LBC_ADMIN?window.LBC_ADMIN.storageAgg().mrr:0;
const objectifCA=iNum(db.settings&&db.settings.objectifCA)||20000;
const editObjectif=()=>{ const v=prompt('Objectif de CA mensuel (€) :', objectifCA); if(v===null) return; const n=iNum(v); if(n>0){ iCommit(db=>{ db.settings={ ...db.settings, objectifCA:n }; }); showToast('Objectif mis à jour : '+euro(n)); } };
const now=new Date(), Y=now.getFullYear(), Mo=now.getMonth();
const mkOf=(y,m)=>y+'-'+String(m+1).padStart(2,'0');
const lastMonths=(n)=>{ const a=[]; for(let i=n-1;i>=0;i--){ const d=new Date(Y,Mo-i,1); a.push(mkOf(d.getFullYear(),d.getMonth())); } return a; };
const allMonths=(()=>{ const s=new Set(); db.moves.forEach(m=>m.date&&s.add(iMonthKey(m.date))); db.charges.forEach(c=>c.date&&s.add(iMonthKey(c.date))); return [...s].sort(); })();
const monthsFor=(p)=> /^\d{4}-\d{2}$/.test(p)?[p] : p==='month'?[mkOf(Y,Mo)] : p==='quarter'?lastMonths(3) : p==='year'?lastMonths(Mo+1) : (allMonths.length?allMonths:[mkOf(Y,Mo)]);
const periodLabel=(p)=>({ all:'Tout', month:'Mois en cours', quarter:'3 derniers mois', year:'Année en cours' })[p]||iMonthLabel(p);
const monthsBefore=(firstMK,n)=>{ const [y,m]=firstMK.split('-').map(Number); const a=[]; for(let i=n;i>=1;i--){ const d=new Date(y,(m-1)-i,1); a.push(mkOf(d.getFullYear(),d.getMonth())); } return a; };
const periodMonths=monthsFor(period); const nMois=Math.max(1,periodMonths.length);
const wonStatuts=['confirme','attente_paiement','termine'];
const bilan=(monthsArr)=>{ const ms=Math.max(1,monthsArr.length);
const mvs=db.moves.filter(m=>m.date&&monthsArr.includes(iMonthKey(m.date)));
const pcts=ponct.filter(c=>c.date&&monthsArr.includes(iMonthKey(c.date)));
const ca=mvs.reduce((a,m)=>a+iCaEncaisse(m),0);
const benef=mvs.reduce((a,m)=>a+iBenefice(m),0);
const fop=mvs.reduce((a,m)=>a+iCoutTotal(m),0);
const comm=mvs.filter(m=>m.partenaire&&wonStatuts.includes(m.statut)).reduce((a,m)=>a+commissionOf(m),0);
const fixes=recurMensuel*ms, ponctT=pcts.reduce((a,c)=>a+iNum(c.montant),0), stock=storageMrr*ms;
const entr=ca+stock, sort=fop+fixes+ponctT+comm;
return { mvs, pcts, ca, benef, fop, comm, fixes, ponctT, stock, entrees:entr, sorties:sort, net:entr-sort, term:mvs.filter(m=>m.statut==='termine').length };
};
const B=bilan(periodMonths);
const Bp = period==='all'?null : bilan(monthsBefore(periodMonths[0], periodMonths.length));
const delta=(c,p)=> (Bp&&p)?Math.round((c-p)/Math.abs(p)*100):null;
const caChantiers=B.ca, benefBrut=B.benef, fraisOp=B.fop, commTotal=B.comm, chargesFixes=B.fixes, ponctTotal=B.ponctT, revenuStockage=B.stock, entrees=B.entrees, sorties=B.sorties, net=B.net, termCount=B.term;
const marge=entrees>0?Math.round(net/entrees*100):0;
const panierMoy=termCount?caChantiers/termCount:0;
// trésorerie prévisionnelle (forward, toute la base)
const aEncaisser=db.moves.filter(m=>['confirme','attente_paiement'].includes(m.statut)).reduce((a,m)=>a+Math.max(0,iNum(m.montant)-iCaEncaisse(m)),0);
const commAVerser=db.moves.filter(m=>m.partenaire&&wonStatuts.includes(m.statut)&&!m.commissionVerse).reduce((a,m)=>a+commissionOf(m),0);
const tresoNet=aEncaisser-commAVerser;
// seuil de rentabilité — marge de contribution calculée sur les MÊMES chantiers (gagnés)
const wonMoves=B.mvs.filter(m=>wonStatuts.includes(m.statut));
const caWon=wonMoves.reduce((a,m)=>a+iNum(m.montant),0);
const coutWon=wonMoves.reduce((a,m)=>a+iCoutTotal(m),0);
const commWon=wonMoves.filter(m=>m.partenaire).reduce((a,m)=>a+commissionOf(m),0);
const margeContrib=caWon>0?(caWon-coutWon-commWon)/caWon:0;
const seuilCA=margeContrib>0?Math.round(recurMensuel/margeContrib):0;
const panierW=wonMoves.length?caWon/wonMoves.length:0;
const seuilN=(seuilCA>0&&panierW>0)?Math.ceil(seuilCA/panierW):0;
const caMensuelMoy=Math.round(caWon/nMois);
const seuilPct=seuilCA>0?Math.min(100,Math.round(caMensuelMoy/seuilCA*100)):0;
// donut répartition des sorties (mensuel)
const catTot={}; recur.forEach(c=>{ catTot[c.categorie]=(catTot[c.categorie]||0)+iMensualise(c); }); B.pcts.forEach(c=>{ catTot[c.categorie]=(catTot[c.categorie]||0)+iNum(c.montant)/nMois; });
if(fraisOp) catTot['Coûts chantiers']=(catTot['Coûts chantiers']||0)+fraisOp/nMois;
if(commTotal) catTot['Commissions partenaires']=(catTot['Commissions partenaires']||0)+commTotal/nMois;
const I_CAT_X={ 'Coûts chantiers':'#8D6E63','Commissions partenaires':'#6D4AC4' };
const dSegs=Object.keys(catTot).map(k=>({ label:k, value:Math.round(catTot[k]), color:I_CAT_C[k]||I_CAT_X[k]||'#999' })).sort((a,b)=>b.value-a.value);
// barres par mois
const mk=periodMonths;
const caByM={}, chByM={}; mk.forEach(k=>{ caByM[k]=storageMrr; chByM[k]=recurMensuel; });
db.moves.forEach(m=>{ const k=iMonthKey(m.date); if(k&&caByM[k]!==undefined){ caByM[k]+=iCaEncaisse(m); chByM[k]+=iCoutTotal(m); if(m.partenaire&&wonStatuts.includes(m.statut)) chByM[k]+=commissionOf(m); } });
ponct.forEach(c=>{ const k=iMonthKey(c.date); if(k&&chByM[k]!==undefined) chByM[k]+=iNum(c.montant); });
const mMax=Math.max(1,...mk.flatMap(k=>[caByM[k],chByM[k]]),objectifCA);
// alertes
const alerts=[];
if(net<0) alerts.push({ t:'red', x:'Résultat net négatif sur la période', s:'Tes sorties dépassent tes entrées de '+euro(-net) });
else if(marge<15) alerts.push({ t:'amber', x:'Marge faible ('+marge+'%)', s:'Surveille tes coûts chantiers et commissions.' });
mk.forEach(k=>{ if((caByM[k]-chByM[k])<0) alerts.push({ t:'amber', x:'Mois déficitaire : '+iMonthLabel(k), s:'Net '+euro(caByM[k]-chByM[k]) }); });
if(Bp){ const d=delta(net,Bp.net); if(d!==null&&d<0) alerts.push({ t:'amber', x:'Résultat en baisse ('+d+'%) vs période précédente', s:'Avant : '+euro(Bp.net) }); }
const small=[ {l:'Entrées',v:euro(entrees),d:delta(entrees,Bp&&Bp.entrees)}, {l:'Sorties',v:euro(sorties),c:'#F5A0A0',inv:true,d:delta(sorties,Bp&&Bp.sorties)}, {l:'Déménag.',v:String(termCount)}, {l:'Panier moy.',v:termCount?euro(Math.round(panierMoy)):'—'} ];
const moisTxt=nMois>1?(iK(recurMensuel)+' €/mois × '+nMois+' mois'):null;
const cards=[ {l:'Bénéfice brut chantiers',v:euro(benefBrut),c:'#16965A'}, {l:'Revenu stockage',v:euro(revenuStockage),c:'#16965A',sub:nMois>1?(iK(storageMrr)+' €/mois × '+nMois+' mois'):null}, {l:'Coûts chantiers',v:euro(fraisOp),c:'#C77A0A'}, {l:'Commissions réseau',v:euro(commTotal),c:'#C77A0A'}, {l:'Charges fixes',v:euro(chargesFixes),c:'#C2362B',sub:moisTxt}, {l:'Charges ponctuelles',v:euro(ponctTotal),c:'#C2362B'}, {l:'Taux de marge',v:marge+'%',c:marge>=0?'#16965A':'#C2362B'} ];
return (
setPeriod(e.target.value)} style={{ width:'auto' }}>
Tout
Mois en cours
3 derniers mois
Année en cours
{allMonths.length>0 && {[...allMonths].reverse().map(k=>{iMonthLabel(k)} )} }
setEdit({ id:iUid('CH'), date:iToday(), categorie:'Loyer / Stockage', libelle:'', montant:0, recurrent:true, frequence:'mensuel' })}>🔁 Récurrente
setEdit({ id:iUid('CH'), date:iToday(), categorie:'Carburant', libelle:'', montant:0, recurrent:false, frequence:'mensuel' })}>
{alerts.length>0 &&
{alerts.slice(0,3).map((a,i)=>(
))}
}
Résultat net · {periodLabel(period)}
=0?'#7FDEAA':'#F5A0A0', lineHeight:1.1 }}>{euro(net)}
{net>=0?'✓ Activité rentable sur la période':'⚠️ Charges supérieures au CA'} · Marge {marge}%{Bp&&delta(net,Bp.net)!==null?' · '+(delta(net,Bp.net)>=0?'▲ +':'▼ ')+delta(net,Bp.net)+'% vs période précédente':''}
{small.map((s,i)=>(
{s.v}
{s.l}
{s.d!=null &&
=0)?'#7FDEAA':'#F5A0A0' }}>{s.d>0?'▲+':s.d<0?'▼':''}{s.d}%
}
))}
💧 Trésorerie prévisionnelle
Reste à encaisser (devis confirmés) +{euro(aEncaisser)}
Commissions à reverser −{euro(commAVerser)}
Net prévisionnel =0?'#16965A':'#C2362B' }}>{euro(tresoNet)}
⚖️ Seuil de rentabilité
{seuilCA>0 ? <>
Pour couvrir tes charges fixes ({euro(Math.round(recurMensuel))}/mois ), il te faut {euro(seuilCA)}/mois {seuilN>0?<> (~{seuilN} déménagements):''}.
CA moyen actuel : {euro(caMensuelMoy)}/mois {seuilPct}%
=100?'#16965A':'var(--brand)', borderRadius:999, transition:'width .5s' }} />
=seuilCA?'#16965A':'#C77A0A' }}>{caMensuelMoy>=seuilCA?'✓ Seuil atteint, chaque chantier en plus est du bénéfice.':'Il manque '+euro(seuilCA-caMensuelMoy)+'/mois pour être à l\'équilibre.'}
:
Ajoute des chantiers et des charges fixes pour calculer ton seuil. }
Entrées vs Sorties par mois
{mk.length===0 ?
Aucune donnée : <>
{[1,0.75,0.5,0.25,0].map((p,i)=>(
{iK(mMax*p)}
))}
🎯 Objectif {iK(objectifCA)} ✎
{mk.map(k=>{ const nt=caByM[k]-chByM[k]; return (
{I_MONTHS_AB[parseInt(k.slice(5,7))-1]}
=0?'#16965A':'#C2362B' }}>{nt>=0?'+':''}{iK(nt)} €
); })}
}
┄ Objectif CA
Répartition charges (mensuel)
{dSegs.length===0 ? Aucune charge :
🔁 Charges fixes & récurrentes
{euro(Math.round(recurMensuel))}/mois
{recur.length===0 ?
Aucune charge récurrente. Ajoutez loyer, comptable, abonnements… :
Libellé Catégorie Fréquence Montant Équiv./mois {recur.map(c=>(setEdit(c)} style={{ cursor:'pointer' }}>
{c.libelle}
{c.frequence}
{euro(iNum(c.montant))}
{euro(Math.round(iMensualise(c)))} ))}
}
Charges ponctuelles
{euro(ponctTotal)}
{B.pcts.length===0 ?
Aucune charge ponctuelle sur la période :
Date Catégorie Libellé Montant {[...B.pcts].sort((a,b)=>(b.date||'').localeCompare(a.date||'')).map(c=>(setEdit(c)} style={{ cursor:'pointer' }}>
{iFmtDate(c.date)}
{c.libelle||'—'} {euro(iNum(c.montant))} ))}
}
{edit &&
setEdit(null)} showToast={showToast} />}
);
}
/* ============================================================ DOCUMENTS */
function IDocuments({ showToast }){
const db=useInt(); const [q,setQ]=uIS('');
const match=(d)=>`${d.nom} ${d.categorie||''} ${d.libelle||''}`.toLowerCase().includes(q.toLowerCase());
const docs=(db.documents||[]).filter(match);
const contrats=docs.filter(d=>d.kind==='contrat');
const factures=docs.filter(d=>d.kind==='facture');
const autres=docs.filter(d=>d.kind!=='contrat'&&d.kind!=='facture');
const byMonth={}; factures.forEach(d=>{ const k=d.mois||'0000-00'; (byMonth[k]=byMonth[k]||[]).push(d); });
const moisKeys=Object.keys(byMonth).sort((a,b)=>b.localeCompare(a));
const totalFact=db.documents?db.documents.filter(d=>d.kind==='facture').length:0;
const del=(id)=>{ if(confirm('Supprimer ce document ?')){ iCommit(db=>{ db.documents=db.documents.filter(x=>x.id!==id); }); showToast('Supprimé'); } };
const addFree=()=>{ const nom=prompt('Nom du document ?'); if(!nom) return; iCommit(db=>{ db.documents.unshift({ id:iUid('D'), nom, type:'Document', kind:'autre', date:iToday(), taille:'—' }); }); showToast('Document ajouté'); };
const DocRow=({ d, showMonth })=>(
{d.nom} {d.categorie||d.libelle||'—'}
{showMonth && {d.mois?iMonthLabel(d.mois):'—'} }
{iFmtDate(d.date)}
{d.taille}
{d.dataURL && del(d.id)} style={{ color:'var(--muted)', display:'inline-flex', padding:5 }} title="Supprimer">
);
return (
Factures (depuis tes charges), contrats et documents. {totalFact} facture{totalFact>1?'s':''} classée{totalFact>1?'s':''} par mois.
setQ(e.target.value)} placeholder="Rechercher…" style={{ paddingLeft:34, height:38, width:200 }} />
{contrats.length>0 &&
📄 Contrats
Document Charge liée Date Taille {contrats.map(d=>
}
🧾 Factures par mois
{moisKeys.length===0 ?
Aucune facture. Joins-les depuis une charge (récurrente ou ponctuelle). :
moisKeys.map(mkk=>{ const list=byMonth[mkk]; const tot=list.reduce((a,d)=>a+0,0); return (
{mkk==='0000-00'?'Sans mois':iMonthLabel(mkk)}
{list.length} facture{list.length>1?'s':''}
{list.sort((a,b)=>(b.date||'').localeCompare(a.date||'')).map(d=>
); })}
{autres.length>0 &&
📁 Autres documents
Document Type Date Taille {autres.map(d=>
}
);
}
/* ============================================================ PARAMÈTRES */
function IParametres({ showToast }){
const db=useInt(); const [s,setS]=uIS(()=>({ ...db.settings }));
const f=(k,v)=>setS(x=>({...x,[k]:v}));
const save=()=>{ iCommit(db=>{ db.settings={ ...s }; }); showToast('Paramètres enregistrés'); };
return (
Entreprise
Ces infos apparaissent en en-tête de tous tes devis. Remplis-les avec tes vraies coordonnées.
f('entreprise',e.target.value)} />
f('ownerName',e.target.value)} placeholder="ex : Edouard Bakirian" />
f('adresse',e.target.value)} placeholder="N°, rue…" />
f('cp',e.target.value)} placeholder="06000" /> f('ville',e.target.value)} /> f('email',e.target.value)} /> f('tel',e.target.value)} /> f('siret',e.target.value)} /> f('tva',e.target.value)} /> f('iban',e.target.value)} placeholder="FR76…" />
Objectifs & calculs
f('objectifCA',iNum(e.target.value))} /> f('prixLitre',iNum(e.target.value))} /> f('consoDefaut',iNum(e.target.value))} />
L'essence d'un déménagement est calculée automatiquement : prix au litre × conso du camion × km (×2 si aller-retour). Chaque camion peut avoir sa propre conso dans sa fiche Opérationnel ; sinon la valeur par défaut s'applique.
Tarification (prix conseillé client)
f('prixM3',iNum(e.target.value))} /> f('prixKmVente',iNum(e.target.value))} /> f('peageKm',iNum(e.target.value))} />
Le prix conseillé = volume × tarif m³ + distance × tarif km, ajusté selon la formule (Coup de main ×1, Mains libres ×1,2, Mains dans les poches ×1,45), avec un plancher à 1,6× le coût réel. Le péage est estimé au tarif camion (~0,18 €/km, classe 3/4 sur autoroute), uniquement au-delà de 60 km (gratuit en local). Soit ~165 € pour un Nice → Paris.
Acquisition
f('cplCible',iNum(e.target.value))} placeholder="ex : 25" />
Ton coût par lead à ne pas dépasser. Dès qu'un mois passe au-dessus, une alerte rouge s'affiche dans Statistiques (section acquisition) avec la courbe d'évolution du CPL. Laisse à 0 pour désactiver l'alerte.
{ if(confirm('Réinitialiser toutes les données de démonstration ? (efface tes ajouts locaux)')){ iReset(); showToast('Données réinitialisées'); } }} style={{ color:'var(--perdu)' }}>Réinitialiser les données
);
}
/* ============================================================ INCIDENT MODAL */
function IIncidentModal({ data, onClose, showToast }){
const isEdit = data && data.kind==='edit';
const move = isEdit ? null : (data && data.move) || {};
const [f,setF]=uIS(()=> isEdit ? JSON.parse(JSON.stringify(data.inc)) : { id:iUid('INC'), titre:'', desc:'', client:((move.prenom||'')+' '+(move.nom||'')).trim(), moveId:move.id||'', date:iToday(), createdAt:iToday(), statut:'declare', assuranceRef:'', montant:'', assuranceNote:'' });
const [tried,setTried]=uIS(false);
const titreErr = tried && !f.titre.trim();
const set=(k,v)=>setF(s=>({...s,[k]:v}));
const save=()=>{ if(!f.titre.trim()){ setTried(true); return; } iCommit(db=>{ const i=db.incidents.findIndex(x=>x.id===f.id); if(i>=0) db.incidents[i]=f; else db.incidents.unshift(f); }); showToast(isEdit?'Incident mis à jour':'Incident signalé'); onClose(); };
const del=()=>{ iCommit(db=>{ db.incidents=db.incidents.filter(x=>x.id!==f.id); }); showToast('Incident supprimé'); onClose(); };
const node = (
{ if(e.target===e.currentTarget) onClose(); }} style={{ position:'fixed', inset:0, zIndex:1000, background:'rgba(11,31,43,.5)', display:'flex', alignItems:'center', justifyContent:'center', padding:20 }}>
e.stopPropagation()} className="card" style={{ width:'min(480px,100%)', maxHeight:'90vh', overflowY:'auto' }}>
{isEdit?'Incident / litige':'Signaler un incident'}
{(f.moveId||f.client) &&
Déménagement {f.moveId||'—'} · {f.client||'—'}
}
{ set('titre',e.target.value); if(tried) setTried(false); }} placeholder="Ex : meuble endommagé" style={titreErr?{ borderColor:'#C2362B', boxShadow:'0 0 0 2px rgba(194,54,43,.12)' }:undefined} />{titreErr && ⚠ Donne un titre à l'incident pour l'enregistrer.
} set('desc',e.target.value)} placeholder="Ce qui s'est passé…" />
set('statut',e.target.value)}>{Object.keys(I_INC_STATUTS).map(k=>{I_INC_STATUTS[k]} )}
{f.statut==='assurance' && (
📋 Dossier assurance
set('assuranceRef',e.target.value)} placeholder="ex : SIN-2026-…" /> set('montant',e.target.value)} />
set('assuranceNote',e.target.value)} placeholder="Lien du document, n° de dossier, contact assureur…" />
)}
{(f.statut==='amiable') &&
Réglé à l'amiable : ce litige ne sera pas comptabilisé dans les statistiques.
}
{isEdit ?
Supprimer :
}
Annuler {isEdit?'Enregistrer':'Signaler'}
);
return (window.ReactDOM && ReactDOM.createPortal) ? ReactDOM.createPortal(node, document.body) : node;
}
/* ============================================================ DEVIS PDF (impression navigateur) */
const I_DOC_CSS = ".lbc-doc{color:#17262F;font-family:Geist,Arial,sans-serif}.lbc-doc *{box-sizing:border-box}.lbc-doc h1{font-size:24px;margin:0;color:#14384E}.lbc-doc .m{color:#6B7785;font-size:13px}.lbc-doc .box{margin-top:22px}.lbc-doc table{width:100%;border-collapse:collapse;margin-top:12px}.lbc-doc td,.lbc-doc th{padding:9px 8px;text-align:left;border-bottom:1px solid #E8E3DA;font-size:13.5px}.lbc-doc th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6B7785}.lbc-doc .tot{font-size:22px;font-weight:800;color:#B63D24}";
// échappe les données saisies (client / site web) avant injection HTML -> évite le XSS stocké
function iEsc(v){ return String(v==null?'':v).replace(/[&<>"']/g, c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); }
function iSideTxt(m,k){ const x=m[k]||{}; const et=iNum(x.etage); return [ [x.rue,x.cp,x.ville].filter(Boolean).map(iEsc).join(' '), et===0?'RDC':'Étage '+et, x.ascenseur?('ascenseur'+(x.ascTaille&&x.ascTaille!=='Aucun'?' '+iEsc(x.ascTaille):'')):'sans ascenseur', iNum(x.portage)?('portage '+iNum(x.portage)+' m'):'', x.notes?('accès : '+iEsc(x.notes)):'' ].filter(Boolean).join(' · '); }
function iTagList(arr){ return (arr||[]).map(t=>{ const l=iEsc((t&&t.label)||t); return (t&&t.qty&&t.qty>1)?(l+' ×'+t.qty):l; }).join(', '); }
function iDocEntete(s, right){ return `
${iEsc(s.entreprise||'LBC Déménagement')} ${s.adresse?`
${iEsc(s.adresse)}${(s.cp||s.ville)?', '+[s.cp,s.ville].filter(Boolean).map(iEsc).join(' '):''}
`:(s.ville?`
${iEsc(s.ville)}
`:'')}
${[s.tel,s.email].filter(Boolean).map(iEsc).join(' · ')}
${(s.siret||s.tva)?`
${[s.siret&&('SIRET '+iEsc(s.siret)),s.tva&&('TVA '+iEsc(s.tva))].filter(Boolean).join(' · ')}
`:''}
${right||''}
`; }
/* ---- DEVIS (avec détail + inventaire) ---- */
function iDevisInnerHTML(m){
const s=I_STORE.db.settings||{}; const fo=I_FORMULES[m.formule]||I_FORMULES.standard;
const invRows=(m.inventaire||[]).map(it=>`
${iEsc(it.piece||'—')} ${iEsc(it.meuble||'—')} ${iNum(it.quantite)||1} `).join('');
return `
${iDocEntete(s, `
DEVIS
N° ${iEsc(m.id)}
${iFmtLong(iToday())}
`)}
Client ${iEsc(m.prenom||'')} ${iEsc(m.nom||'')} · ${iEsc(m.tel||'')} · ${iEsc(m.email||'')}
Prestation
Désignation Détail Montant Déménagement formule ${fo.label} ${iEsc(m.dep.ville||'?')} → ${iEsc(m.arr.ville||'?')} · ${iEsc(m.volume||'?')} m³ · ${iFmtDate(m.date)} ${euro(iNum(m.montant))}
Détails du déménagement
Formule : ${fo.label} — ${fo.desc}
Volume estimé : ${iEsc(m.volume||'?')} m³ · Cartons : ${iEsc(m.cartons||'—')}${iNum(m.km)?` · Distance : ${iNum(m.km)} km`:''}
Date : ${iFmtDate(m.date)}${m.flexibilite?` (flexibilité : ${iEsc(m.flexibilite)})`:''}
Départ : ${iSideTxt(m,'dep')||'—'}
Arrivée : ${iSideTxt(m,'arr')||'—'}
${(m.fragiles&&m.fragiles.length)?`
Objets fragiles : ${iTagList(m.fragiles)}
`:''}
${(m.demonter&&m.demonter.length)?`
À démonter / remonter : ${iTagList(m.demonter)}
`:''}
${m.notes?`
Notes : ${iEsc(String(m.notes)).replace(/\n/g,' · ')}
`:''}
${invRows?`
`:''}
Total TTC
${euro(iNum(m.montant))}
${iNum(m.acompte)>0?`
Acompte : ${euro(iNum(m.acompte))}
`:''}
Devis valable 30 jours.${s.iban?' Règlement par virement — IBAN : '+s.iban:''}
`;
}
/* ---- FACTURE professionnelle (sans inventaire) ---- */
function iFactureInnerHTML(m){
const s=I_STORE.db.settings||{}; const fo=I_FORMULES[m.formule]||I_FORMULES.standard;
const ttc=iNum(m.montant); const hasTVA=!!(s.tva&&String(s.tva).trim());
const ht=hasTVA?Math.round(ttc/1.2):ttc; const tva=ttc-ht;
const num='FAC-'+String(m.id||'').replace(/\D/g,'');
const totaux = hasTVA
? `
Sous-total HT ${euro(ht)} TVA 20 % ${euro(tva)} Total TTC ${euro(ttc)} `
: `
Total à payer ${euro(ttc)} `;
return `
${iDocEntete(s, `
FACTURE
N° ${num}
Émise le ${iFmtLong(iToday())}
`)}
Facturé à
${iEsc(m.prenom||'')} ${iEsc(m.nom||'')}
${[m.tel,m.email].filter(Boolean).map(iEsc).join(' · ')}
Prestation
${iEsc(m.dep.ville||'?')} → ${iEsc(m.arr.ville||'?')}
${m.date?iFmtDate(m.date):''}
Désignation Qté ${hasTVA?'PU HT':'PU'} ${hasTVA?'Total HT':'Total'} Prestation de déménagement — formule ${fo.label}${iEsc(m.dep.ville||'?')} → ${iEsc(m.arr.ville||'?')}${m.volume?' · '+iEsc(m.volume)+' m³':''}
1 ${euro(ht)} ${euro(ht)}
${iNum(m.acompte)>0?`
Acompte déjà réglé : ${euro(iNum(m.acompte))} · Reste dû : ${euro(ttc-iNum(m.acompte))}
`:''}
Règlement à réception.${s.iban?' Par virement — IBAN : '+s.iban:''}
${hasTVA?('TVA 20 % incluse.'):'TVA non applicable, art. 293 B du CGI.'}${s.siret?' SIRET '+s.siret+'.':''}
`;
}
function iPrintRaw(title, inner){
const w=window.open('','_blank','width=820,height=900');
if(!w){ alert('Autorisez les pop-ups pour générer le PDF.'); return; }
w.document.write(`
${title} ${inner}
Imprimer / Enregistrer en PDF `);
w.document.close();
}
function iPrintDevis(m){ iPrintRaw('Devis '+m.id, iDevisInnerHTML(m)); }
function iPrintFacture(m){ iPrintRaw('Facture '+m.id, iFactureInnerHTML(m)); }
/* Panneau fermable pour visualiser devis/facture, avec Éditer + Imprimer */
function IDocViewer({ move, kind, onClose, onEdit }){
const inner = kind==='facture' ? iFactureInnerHTML(move) : iDevisInnerHTML(move);
const node = (
{ if(e.target===e.currentTarget) onClose(); }} style={{ position:'fixed', inset:0, zIndex:1100, background:'rgba(11,31,43,.55)', display:'flex', alignItems:'center', justifyContent:'center', padding:24 }}>
e.stopPropagation()} style={{ width:'min(720px,100%)', maxHeight:'92vh', background:'var(--card)', borderRadius:16, boxShadow:'var(--shadow-pop)', display:'flex', flexDirection:'column', overflow:'hidden' }}>
{kind==='facture'?'Facture':'Devis'} · {move.prenom} {move.nom}
{onEdit && { onClose(); onEdit(move); }}> }
kind==='facture'?iPrintFacture(move):iPrintDevis(move)}>
Fermer
);
return (window.ReactDOM && ReactDOM.createPortal) ? ReactDOM.createPortal(node, document.body) : node;
}
/* ============================================================ VERSEMENTS (commissions partenaires, base unique) */
function IPayouts({ showToast }){
const db=useInt();
const commission=(m)=>Math.round(iNum(m.montant)*partnerRate(m.partnerId)/100);
const won=db.moves.filter(m=>m.partenaire && ['confirme','attente_paiement','termine'].includes(m.statut));
const groups={};
won.forEach(m=>{ const k=m.partenaire; if(!groups[k]) groups[k]={ nom:k, due:0, verse:0, dueIds:[], leads:0 };
groups[k].leads++; const c=commission(m); if(m.commissionVerse) groups[k].verse+=c; else { groups[k].due+=c; groups[k].dueIds.push(m.id); } });
const list=Object.values(groups).sort((a,b)=>b.due-a.due);
const withDue=list.filter(g=>g.due>0);
const totalDue=withDue.reduce((a,g)=>a+g.due,0);
const totalVerse=list.reduce((a,g)=>a+g.verse,0);
const payOne=(g)=>{ g.dueIds.forEach(id=>window.LBC_INT.setCommissionVerse(id)); showToast('Versement de '+euro(g.due)+' validé pour '+g.nom); };
const payAll=()=>{ if(!withDue.length) return; withDue.forEach(g=>g.dueIds.forEach(id=>window.LBC_INT.setCommissionVerse(id))); showToast('Lot de versements validé · '+euro(totalDue)); };
const kpis=[ {l:'À verser',v:euro(totalDue),c:'#C77A0A'}, {l:'Déjà versé en 2026',v:euro(totalVerse),c:'#16965A'}, {l:'Partenaires à payer',v:String(withDue.length)}, {l:'Commissions totales',v:euro(totalDue+totalVerse)} ];
return (
Commissions à reverser
Calculées sur tes déménagements apportés par les partenaires.
{list.length===0 ?
Aucune commission partenaire pour l'instant. :
Partenaire Leads gagnés Déjà versé À verser Action {list.map((g,i)=>(
{g.nom} {g.leads}
{g.verse?euro(g.verse):'—'}
{g.due?euro(g.due):'—'}
{g.due?payOne(g)}>Verser :✓ À jour }
))}
}
);
}
/* ============================================================ PARTENAIRES (réseau, base unique) */
function IPartenaires({ showToast }){
const db=useInt();
const [pending,setPending]=uIS(window.LBC_ADMIN?window.LBC_ADMIN.PENDING_PARTNERS:[]);
const [accounts,setAccounts]=uIS(null);
const reloadAccounts=()=>{ if(window.LBC_SB&&window.LBC_SB.listProfiles){ window.LBC_SB.listProfiles().then(rs=>setAccounts((rs||[]).filter(p=>p.role==='partenaire'))); } else setAccounts([]); };
uIE(()=>{ reloadAccounts(); },[]);
const activate=async(p,actif)=>{ if(!window.LBC_SB) return; await window.LBC_SB.updateProfile(p.id,{ statut:actif?'actif':'en_attente' }); showToast(actif?('Partenaire activé : '+(p.partenaire||p.email)):'Partenaire suspendu'); reloadAccounts(); if(window.LBC_SB.refreshPartnerBadge) window.LBC_SB.refreshPartnerBadge(); };
const editSociete=async(p)=>{ if(!window.LBC_SB) return; const v=prompt('Société de ce partenaire (doit correspondre au nom utilisé sur ses leads) :', p.partenaire||''); if(v===null) return; await window.LBC_SB.updateProfile(p.id,{ partenaire:v }); showToast('Société mise à jour'); reloadAccounts(); };
const commissionOf=(m)=>Math.round(iNum(m.montant)*partnerRate(m.partnerId)/100);
const all=db.moves.filter(m=>m.partenaire);
const won=all.filter(m=>['confirme','attente_paiement','termine'].includes(m.statut));
const groups={};
all.forEach(m=>{ const k=m.partenaire; if(!groups[k]) groups[k]={ nom:k, leads:0, gagnes:0, ca:0, verse:0, due:0 }; groups[k].leads++; groups[k].ca+=iCaEncaisse(m); });
won.forEach(m=>{ groups[m.partenaire].gagnes++; const c=commissionOf(m); if(m.commissionVerse) groups[m.partenaire].verse+=c; else groups[m.partenaire].due+=c; });
const list=Object.values(groups).sort((a,b)=>b.ca-a.ca);
const caTotal=list.reduce((a,g)=>a+g.ca,0);
const dueTotal=list.reduce((a,g)=>a+g.due,0);
const verseTotal=list.reduce((a,g)=>a+g.verse,0);
const kpis=[ {l:'CA via partenaires',v:euro(caTotal)}, {l:'Commissions à reverser',v:euro(dueTotal),c:'#C77A0A'}, {l:'Commissions reversées',v:euro(verseTotal),c:'#16965A'}, {l:'Partenaires actifs',v:String(accounts?accounts.filter(a=>a.statut==='actif').length:list.length)} ];
const act=(p,ok)=>{ setPending(ps=>ps.filter(x=>x.id!==p.id)); showToast(ok?p.company+' approuvé — accès activé':'Candidature de '+p.company+' refusée'); };
return (
{accounts && accounts.length>0 &&
🔐 Comptes partenaires
{accounts.filter(a=>a.statut==='actif').length} actif(s) · {accounts.filter(a=>a.statut!=='actif').length} en attente
Email Société Statut Action {accounts.map(a=>(
{a.email}
editSociete(a)} style={{ cursor:'pointer', color:a.partenaire?'var(--ink)':'#C77A0A', fontWeight:600 }} title="Cliquer pour modifier">{a.partenaire||'À définir ✎'} {a.statut==='actif'?● Actif :● En attente }
{a.statut==='actif'
? activate(a,false)}>Suspendre
: activate(a,true)} disabled={!a.partenaire} title={a.partenaire?'':'Renseigne d\'abord la société'}> }
))}
Active un partenaire pour qu'il voie SES leads (ceux dont la société correspond exactement). Clique sur la société pour la corriger.
}
{pending.length>0 &&
Candidatures en attente {pending.length}
{pending.map(p=>(
{p.company}
{p.contact} · {p.type} · {p.city}
{p.email} · {p.applied}
act(p,true)}> act(p,false)}>Refuser
))}
}
Partenaires · ce qu'ils t'apportent
{list.length===0 ?
Aucun lead partenaire pour l'instant. :
Partenaire Leads Gagnés CA apporté Comm. reversées Comm. à reverser {list.map((g,i)=>(
{g.nom} {g.leads}
{g.gagnes}
{euro(g.ca)}
{g.verse?euro(g.verse):'—'}
{g.due?euro(g.due):'—'}
))}
}
);
}
/* ============================================================ LEADS RÉSEAU (soumis par les partenaires, base réelle) */
function INetLeads(){
const db=useInt(); const [tab,setTab]=uIS('all'); const [q,setQ]=uIS('');
const rows=db.moves.filter(m=>m.partenaire);
const commissionOf=(m)=>Math.round(iNum(m.montant)*partnerRate(m.partnerId)/100);
const tabs=[['all','Tous',()=>true],['cours','En cours',m=>['devis_a_envoyer','devis_envoye'].includes(m.statut)],['acceptes','Acceptés',m=>['confirme','attente_paiement'].includes(m.statut)],['effectues','Effectués',m=>m.statut==='termine'],['perdus','Perdus',m=>['refuse','annule'].includes(m.statut)]];
const tf=(tabs.find(t=>t[0]===tab)||tabs[0])[2];
let list=rows.filter(tf);
if(q) list=list.filter(m=>`${m.prenom} ${m.nom} ${m.partenaire} ${m.dep.ville} ${m.arr.ville}`.toLowerCase().includes(q.toLowerCase()));
const del=(m)=>{ if(confirm('Supprimer ce lead ('+m.prenom+' '+m.nom+') ?')){ iCommit(db=>{ db.moves=db.moves.filter(x=>x.id!==m.id); }); } };
return (
{tabs.map(([k,l,f])=>{ const n=rows.filter(f).length; return setTab(k)} style={{ fontSize:13, fontWeight:600, padding:'8px 14px', borderRadius:9, border:'1px solid', borderColor:tab===k?'var(--border-2)':'transparent', background:tab===k?'var(--card)':'transparent', color:tab===k?'var(--ink)':'var(--muted)' }}>{l} {n} ; })}
setQ(e.target.value)} placeholder="Client ou partenaire…" style={{ paddingLeft:34, height:38, width:240 }} />
{list.length===0 ?
Aucun lead partenaire pour l'instant. :
Client Partenaire Trajet Date Valeur Statut Commission {list.map(m=>(
window.LBC_INT.openMoveGlobal&&window.LBC_INT.openMoveGlobal(m)} style={{ cursor:'pointer' }}>{m.prenom} {m.nom}
🤝 {m.partenaire}
{iFmtDate(m.date||m.createdAt)}
{m.montant?euro(iNum(m.montant)):'—'}
{['confirme','attente_paiement','termine'].includes(m.statut)?euro(commissionOf(m)):'—'}
{ e.stopPropagation(); window.LBC_INT.openMoveGlobal&&window.LBC_INT.openMoveGlobal(m); }} style={{ color:'var(--muted)', display:'inline-flex', padding:5 }} title="Ouvrir">
{ e.stopPropagation(); del(m); }} style={{ color:'var(--perdu)', display:'inline-flex', padding:5 }} title="Supprimer">
))}
}
);
}
/* ============================================================ NAV + EXPORT */
const INT_NAV = [
{ group:'Gestion déménagement', items:[
{ key:'i_accueil', label:'Accueil', icon:'dashboard' },
{ key:'i_demenagements',label:'Déménagements', icon:'truck' },
{ key:'i_calendrier', label:'Calendrier', icon:'calendar' },
{ key:'i_todo', label:'To-do & Objectifs',icon:'check' },
{ key:'i_clients', label:'Clients', icon:'user' },
{ key:'i_operationnel', label:'Opérationnel', icon:'package' },
{ key:'i_statistiques', label:'Statistiques', icon:'list' },
{ key:'i_charges', label:'Charges & Bilan', icon:'euroCircle' },
{ key:'i_documents', label:'Documents', icon:'fileText' },
{ key:'i_parametres', label:'Paramètres', icon:'settings' },
]},
];
const INT_HEAD = {
i_accueil: null,
i_demenagements:{ title:'Déménagements', sub:'Pipeline commercial et suivi des chantiers.' },
i_calendrier: { title:'Calendrier', sub:'RDV devis et déménagements.' },
i_todo: { title:'To-do & Objectifs', sub:'Matrice d\'Eisenhower et objectifs société.' },
i_clients: { title:'Clients', sub:'Généré automatiquement depuis les déménagements.' },
i_operationnel: { title:'Opérationnel', sub:'Flotte, équipe et stock matériel.' },
i_statistiques: { title:'Statistiques', sub:'Conversion, sources et performance.' },
i_charges: { title:'Finances & Bilan', sub:'Tout ton business dans un seul bilan : chantiers, stockage, charges et commissions.' },
i_finances: { title:'Finances & Bilan', sub:'Tout ton business dans un seul bilan : chantiers, stockage, charges et commissions.' },
i_payouts: { title:'Versements', sub:'Commissions à reverser aux partenaires, calculées sur tes déménagements.' },
i_partners: { title:'Partenaires', sub:'Ton réseau et ce que chaque partenaire t\'apporte.' },
i_documents: { title:'Documents', sub:'Modèles, CGV et fichiers.' },
i_parametres: { title:'Paramètres', sub:'Entreprise et préférences.' },
};
const INT_MNAV = [
{ key:'i_accueil', label:'Accueil', icon:'dashboard' },
{ key:'i_demenagements', label:'Déménag.', icon:'truck' },
{ key:'i_todo', label:'To-do', icon:'check' },
{ key:'i_clients', label:'Clients', icon:'user' },
];
const INT_MORE = ['i_calendrier','i_operationnel','i_statistiques','i_charges','i_documents','i_parametres'];
// Wrapper qui porte l'état drawers (move / incident) commun à plusieurs sections
function IntWorkspace({ screen, go, showToast }){
const [moveDrawer,setMoveDrawer]=uIS(null);
const [incident,setIncident]=uIS(null);
const [doc,setDoc]=uIS(null);
const openMove=(m)=>setMoveDrawer(m);
const openIncident=(m)=>setIncident({ kind:'new', move:m });
const editIncident=(inc)=>setIncident({ kind:'edit', inc });
window.LBC_INT.openMoveGlobal=openMove;
window.LBC_INT.openDocGlobal=(m,kind)=>setDoc({ move:m, kind:kind||'devis' });
const sc=(screen||'').replace(/^i_/,'');
let body;
if(sc==='accueil') body=
;
else if(sc==='demenagements') body=
;
else if(sc==='calendrier') body=
;
else if(sc==='todo') body=
;
else if(sc==='clients') body=
;
else if(sc==='operationnel') body=
;
else if(sc==='statistiques') body=
;
else if(sc==='charges'||sc==='finances') body=
;
else if(sc==='payouts') body=
;
else if(sc==='partners') body=
;
else if(sc==='net-leads') body=
;
else if(sc==='documents') body=
;
else if(sc==='parametres') body=
;
else body=
;
return (<>
{body}
{moveDrawer &&
setMoveDrawer(null)} showToast={showToast} />}
{incident && setIncident(null)} showToast={showToast} />}
{doc && setDoc(null)} onEdit={openMove} />}
);
}
function IntScreen({ go, showToast, screen }){ return