{payment==='virement' ? `Virement de ${euroC(Math.round(CLIENT.devis*0.3))} en attente de réception. Votre créneau est pré-réservé.` : `Acompte de ${euroC(Math.round(CLIENT.devis*0.3))} réglé — solde de ${euroC(CLIENT.devis-Math.round(CLIENT.devis*0.3))} le jour J.`}
Votre conseiller LBC finalise votre prix sous 24 h.
}
{hasPrice &&
Total estimé{euroC(CLIENT.devis)}
}
{inv.length > 0 && (
📦 Votre inventaire ({inv.length})
{inv.map((it,i)=>(
{it.meuble||'—'}· {it.piece||''}
×{it.quantite||1}
))}
)}
);
const right = (
<>
Ce qui est inclus
{FORMULE_INCLUS.map((t,i)=>(
{t}
))}
{accepted ? (
{payment==='virement' ? `Virement de ${euroC(deposit)} en attente — créneau du ${CLIENT.date} pré-réservé.` : `Acompte de ${euroC(deposit)} réglé — réservé pour le ${CLIENT.date}.`}
) : (
Acompte de 30 % pour réserver · solde le jour du déménagement
{['Libérez les accès et réservez une place pour le camion','Videz et dégivrez votre réfrigérateur la veille','Mettez de côté vos objets de valeur et papiers importants','Prévoyez un carton « première nuit » à portée de main'].map((t,i)=>(
))}
);
const warn = !reserved &&
Acceptez votre devis pour confirmer la date.
;
if (wide) return
{warn}
{infoCard}
{reserved && }{checklist}
;
return
{warn}{infoCard}{reserved && }{checklist}
;
}
/* ============== STOCKAGE (géré par LBC, pas de self-stockage) ============== */
function BoxTiers({ currentTier, showToast, wide }) {
const [confirm, setConfirm] = useC(null); // box en attente de confirmation
const [done, setDone] = useC(false);
const [startDate, setStartDate] = useC('');
const [months, setMonths] = useC(3); // nombre de mois (libre)
const [libre, setLibre] = useC(false); // durée indéterminée
const dureeLabel = libre ? 'Sans durée fixe' : (months+' mois');
const valider = () => {
setDone(true);
const dStr = startDate ? new Date(startDate+'T00:00:00').toLocaleDateString('fr-FR',{day:'numeric',month:'long',year:'numeric'}) : 'date à définir';
// enregistre la réservation dans la base partagée -> visible côté admin (Stockage)
if(window.LBC_INT && window.LBC_INT.addBoxReservation){
window.LBC_INT.addBoxReservation({
client: ((CLIENT.firstName||'')+' '+(CLIENT.lastName||'')).trim() || 'Client',
clientEmail: (window.LBC_SB && window.LBC_SB.user && window.LBC_SB.user.email) || '',
tier: confirm.key, size: confirm.size, price: confirm.price,
startDate: startDate||'', months: libre?null:months, libre: !!libre,
moveId: CLIENT.ref||''
});
}
showToast && showToast(`Box ${confirm.key} réservé (dès le ${dStr}, ${dureeLabel}) — votre conseiller vous recontacte`);
};
const fermer = () => { setConfirm(null); setDone(false); setStartDate(''); setMonths(3); setLibre(false); };
return (
Quatre tailles de box
Un tarif clair, tout compris.
{BOX_TIERS.map(t=>{
const current = t.key===currentTier;
return (
{t.popular && !current && Le plus demandé}
{current && Votre box}
{t.key}
{t.size}
{euroC(t.price)}/ mois
{t.vol}
{t.desc}
);
})}
Sans engagement de durée · résiliable à tout moment avec 30 j de préavis
Votre demande pour le Box {confirm.key}{startDate?<> à partir du {new Date(startDate+'T00:00:00').toLocaleDateString('fr-FR',{day:'numeric',month:'long',year:'numeric'})}:''} ({dureeLabel.toLowerCase()}) est bien reçue. Votre conseiller LBC vous recontacte sous 24 h pour planifier le dépôt de vos affaires.
)}
)}
);
}
function ClientStockage({ wide, showToast, openDoc, requestRetrieval, boxApi }) {
const s = CLIENT.storage;
if (!s.active) return (
Besoin de stocker vos affaires ?
Nous gardons vos biens dans notre entrepôt sécurisé. Vous récupérez tout en une fois, le jour de votre choix.
Pas de self-stockage : vos affaires restent à l'abri dans notre entrepôt sécurisé jusqu'à la récupération.
{[['shield','Entrepôt sécurisé',s.site+' · surveillance 24/7'],['package','Conservation intégrale','Vos biens sont scellés et inventoriés à l\'entrée'],['truck','Récupération sur demande','Nous vous livrons ou organisons un rendez-vous, en une fois']].map(([ic,t,d],i)=>(
{t}
{d}
))}
💳 Facturation automatique
{euroC(s.price)} / mois, prélevé automatiquement{s.startDate?(' le '+new Date(s.startDate+'T00:00:00').getDate()+' de chaque mois'):''}.{s.nextBill?(' Prochain : '+new Date(s.nextBill+'T00:00:00').toLocaleDateString('fr-FR',{day:'numeric',month:'long'})+'.'):''} Sans engagement, résiliable avec 30 j de préavis.
Vos proches déménagent ? Offrez-leur {euroC(r.reward)} de réduction — et recevez {euroC(r.reward)} dès qu'ils déménagent avec LBC.
);
const codeCard = (
Votre code de parrainage
{r.code}
);
const how = (
Comment ça marche
{[['Partagez votre code','Envoyez-le à un proche qui déménage.'],['Il déménage avec LBC','Il bénéficie de '+euroC(r.reward)+' de réduction.'],['Vous êtes récompensé','Vous recevez '+euroC(r.reward)+' de crédit.']].map(([t,d],i)=>(
{i+1}
{t}
{d}
))}
);
const friends = (
Mes filleuls{euroC(r.earned)} gagnés
{r.friends.map((f,i)=>(
x[0]).join('')} size={34} color="var(--navy)" />
{f.name}
{f.city}
{f.earned>0 ? +{euroC(f.earned)} : {f.status}}
))}
);
if (wide) return
{hero}
{codeCard}{how}
{friends}
;
return
{hero}{codeCard}{how}{friends}
;
}
/* ============== AIDE ============== */
function ClientAide({ showToast }){
const faqs = [
['Puis-je modifier la date ?','Oui, jusqu\'à 7 jours avant le déménagement, contactez votre conseiller.'],
['Quand dois-je payer ?','Aucun prélèvement avant le jour J. Le solde est réglé à la livraison.'],
['Que se passe-t-il en cas de casse ?','La Formule Complète inclut une assurance tous risques sur la valeur déclarée.'],
['Comment fonctionne le stockage ?','Vous accédez à votre box 7j/7 avec votre code. Le loyer est mensuel, sans engagement.'],
];
const [open,setOpen]=useC(0);
const [msg,setMsg]=useC(''); const [sent,setSent]=useC(false); const [busy,setBusy]=useC(false);
const ownerEmail = (window.LBC_INT && window.LBC_INT.store.db.settings && window.LBC_INT.store.db.settings.email) || 'contact@lbcdemenagement.com';
const phone = (CLIENT.advisor && CLIENT.advisor.phone) || '';
const advisor = (CLIENT.advisor && CLIENT.advisor.name) || 'LBC Déménagement';
const send=()=>{ if(!msg.trim()){ return; } setBusy(true);
try{
fetch('https://formsubmit.co/ajax/'+ownerEmail, { method:'POST', headers:{ 'Content-Type':'application/json', 'Accept':'application/json' },
body: JSON.stringify({ _subject:'💬 Message client — '+((CLIENT.firstName||'')+' '+(CLIENT.lastName||'')).trim(), _template:'table',
'Client':((CLIENT.firstName||'')+' '+(CLIENT.lastName||'')).trim()||'—', 'Dossier':CLIENT.ref||'—', 'Trajet':(CLIENT.from||'?')+' → '+(CLIENT.to||'?'), 'Message':msg }) })
.then(()=>{ setSent(true); setBusy(false); showToast && showToast('Message envoyé'); }, ()=>{ setBusy(false); showToast && showToast('Envoi impossible, réessayez ou appelez-nous'); });
}catch(e){ setBusy(false); }
};
return (
