(function(){ var rooms=[ {name:"Salon",icon:"🛋️",items:[ {name:"Canapé 2 places",v:2.0},{name:"Canapé 3 places",v:3.0},{name:"Canapé d'angle",v:4.5}, {name:"Table basse",v:0.3},{name:"Meuble TV",v:0.6},{name:"Bibliothèque",v:1.2}, {name:"Fauteuil",v:1.0},{name:"Table à manger",v:1.0},{name:"Chaise",v:0.25},{name:"Buffet / Bahut",v:1.0} ]}, {name:"Chambre",icon:"🛏️",items:[ {name:"Lit simple 90cm",v:1.5},{name:"Lit double 140cm",v:2.0},{name:"Lit queen 160cm",v:2.5}, {name:"Lit king 180cm",v:3.0},{name:"Armoire 2 portes",v:2.5},{name:"Armoire 3 portes",v:3.5}, {name:"Commode",v:0.8},{name:"Chevet",v:0.2},{name:"Bureau",v:1.0},{name:"Chaise de bureau",v:0.6} ]}, {name:"Cuisine",icon:"🍳",items:[ {name:"Réfrigérateur",v:1.2},{name:"Congélateur coffre",v:1.0},{name:"Lave-vaisselle",v:0.8}, {name:"Machine à laver",v:0.8},{name:"Sèche-linge",v:0.8},{name:"Micro-ondes",v:0.15},{name:"Carton cuisine",v:0.15} ]}, {name:"Salle de bain",icon:"🚿",items:[ {name:"Meuble vasque",v:0.4},{name:"Colonne rangement",v:0.5},{name:"Miroir / armoire",v:0.2} ]}, {name:"Bureau",icon:"💻",items:[ {name:"Bureau informatique",v:1.2},{name:"Chaise de bureau",v:0.6},{name:"Étagère murale",v:0.5}, {name:"Carton livres",v:0.2},{name:"Imprimante",v:0.1} ]}, {name:"Divers / Cave",icon:"📦",items:[ {name:"Carton standard",v:0.15},{name:"Grand carton",v:0.25},{name:"Vélo",v:1.0}, {name:"Vélo électrique",v:1.2},{name:"Trottinette",v:0.3},{name:"Aspirateur",v:0.2}, {name:"Valise grande",v:0.25},{name:"Table de jardin",v:0.8},{name:"Chaise de jardin",v:0.2},{name:"Tondeuse",v:0.6} ]} ]; var trucks=[{label:"Petit",size:10},{label:"Moyen",size:20},{label:"Grand",size:30},{label:"XL",size:40}]; var quantities={}; var customItems=[]; var selectedTruck=null; function init(){ var g=document.getElementById('dc-rooms-grid'); rooms.forEach(function(room,ri){ var card=document.createElement('div'); card.className='dc-card'; var html=''; card.innerHTML=html; g.appendChild(card); }); var tb=document.getElementById('dc-trucks'); trucks.forEach(function(t){ var b=document.createElement('button'); b.className='dc-truck'; b.id='dc-tb-'+t.size; b.innerHTML=''+t.label+''+t.size+' m³'; b.onclick=function(){dcSelectTruck(t.size)}; tb.appendChild(b); }); dcUpdate(); } window.dcChange=function(key,delta){ quantities[key]=Math.max(0,(quantities[key]||0)+delta); document.getElementById('dc-q-'+key).textContent=quantities[key]; dcUpdate(); }; window.dcSelectTruck=function(size){ selectedTruck=size; trucks.forEach(function(t){ var el=document.getElementById('dc-tb-'+t.size); if(el) el.className='dc-truck'+(t.size===size?' active':''); }); dcUpdate(); }; window.dcAddCustom=function(){ var name=document.getElementById('dc-cname').value.trim()||'Objet'; var w=parseFloat(document.getElementById('dc-cw').value)||1; var d=parseFloat(document.getElementById('dc-cd').value)||1; var h=parseFloat(document.getElementById('dc-ch').value)||1; var q=parseInt(document.getElementById('dc-cq').value)||1; var vol=parseFloat((w*d*h*1.3).toFixed(2)); customItems.push({name:name,vol:vol,qty:q}); dcRenderCustom(); dcUpdate(); }; window.dcDelCustom=function(i){ customItems.splice(i,1); dcRenderCustom(); dcUpdate(); }; function dcRenderCustom(){ var el=document.getElementById('dc-custom-items'); el.innerHTML=customItems.map(function(it,i){ return ''; }).join(''); } function dcUpdate(){ var totalVol=0,totalItems=0; rooms.forEach(function(room,ri){ var roomVol=0; room.items.forEach(function(item,ii){ var q=quantities[ri+'-'+ii]||0; roomVol+=item.v*q; totalItems+=q; }); totalVol+=roomVol; var sub=document.getElementById('dc-sub-'+ri); if(sub) sub.textContent=roomVol.toFixed(1)+' m³'; }); customItems.forEach(function(it){ totalVol+=it.vol*it.qty; totalItems+=it.qty; }); totalVol=parseFloat(totalVol.toFixed(1)); document.getElementById('dc-m-vol').textContent=totalVol; document.getElementById('dc-m-items').textContent=totalItems; var reco=trucks.find(function(t){return t.size>=totalVol;})||trucks[trucks.length-1]; document.getElementById('dc-m-truck').textContent=reco.size; if(selectedTruck===null) dcSelectTruck(reco.size); var tSize=selectedTruck||reco.size; var pct=totalVol>0?Math.min(100,Math.round((totalVol/tSize)*100)):0; document.getElementById('dc-prog').style.width=pct+'%'; var progFill=document.getElementById('dc-prog'); progFill.style.background=pct>90?'#ef4444':pct>70?'#f59e0b':'#2563eb'; document.getElementById('dc-prog-label').textContent=totalVol>0?pct+'% du camion utilisé ('+totalVol+' m³ sur '+tSize+' m³)':''; var recoEl=document.getElementById('dc-reco'); var recoText=document.getElementById('dc-reco-text'); if(totalVol>0){ recoEl.style.display='flex'; if(pct>90){ recoEl.style.background='#fef2f2';recoEl.style.border='1px solid #fecaca'; recoText.style.color='#991b1b'; recoText.innerHTML='Camion trop petit ! Nous recommandons un camion de '+reco.size+' m³ pour votre volume de '+totalVol+' m³.'; } else if(pct<35){ recoEl.style.background='#f0fdf4';recoEl.style.border='1px solid #bbf7d0'; recoText.style.color='#166534'; recoText.innerHTML='Bien dimensionné. Ce camion offre de la marge pour les imprévus et les objets fragiles.'; } else { recoEl.style.background='#eff6ff';recoEl.style.border='1px solid #bfdbfe'; recoText.style.color='#1e40af'; recoText.innerHTML='Camion adapté. Volume estimé : '+totalVol+' m³. Les volumes intègrent une marge de manutention réaliste.'; } } else { recoEl.style.display='none'; } } init(); })();