';
return;
}
g.innerHTML = list.map(p => `

`).join('');
}

function filterProducts() {
const q = document.getElementById('searchInput').value.toLowerCase();
filtered = q ? catalogue.filter(p =>
p.name.toLowerCase().includes(q) ||
p.cat.toLowerCase().includes(q) ||
p.ref.toLowerCase().includes(q)
) : [...catalogue];
renderGrid(filtered);
}

function toggleProduct(id) {
const idx = selectedProducts.indexOf(id);
if (idx >= 0) {
selectedProducts.splice(idx, 1);
} else {
selectedProducts.push(id);
}
renderHighlight();
renderGrid(filtered);
updateSteps();
}

function renderHighlight() {
const emptyState = document.getElementById('emptyState');
const selectedList = document.getElementById('selectedList');
const qtyRow = document.getElementById('qtyRow');

if (!selectedProducts.length) {
emptyState.style.display = '';
selectedList.innerHTML = '';
qtyRow.style.display = 'none';
return;
}

emptyState.style.display = 'none';
qtyRow.style.display = '';

selectedList.innerHTML = selectedProducts.map(id => {
const p = catalogue.find(c => c.id === id);
return `

`;
}).join('');
}

function focusSearch() {
document.getElementById('searchInput').focus();
}

function changeQty(delta) {
const input = document.getElementById('qtyInput');
const val = Math.max(1, parseInt(input.value || 1) + delta);
input.value = val;
}

// ── Privacy ──
let privacyChecked = false;

function togglePrivacy() {
privacyChecked = !privacyChecked;
document.getElementById('privacyRow').classList.toggle('checked', privacyChecked);
document.getElementById('privacyRow').classList.toggle('has-error', false);
document.getElementById('privacyError').style.display = 'none';
}

// ── Steps UI ──
function updateSteps() {
const s1 = document.querySelector('[data-step="1"] .step-dot');
const s2 = document.querySelector('[data-step="2"] .step-dot');
const s3 = document.querySelector('[data-step="3"] .step-dot');

const hasProduct = selectedProducts.length > 0;
const hasCoords = document.getElementById('nom').value && document.getElementById('email').value;
const hasMsg = document.getElementById('message').value;

s1.className = 'step-dot ' + (hasProduct ? 'done' : 'active');
s2.className = 'step-dot ' + (hasCoords ? 'done' : hasProduct ? 'active' : '');
s3.className = 'step-dot ' + (hasMsg ? 'done' : hasCoords ? 'active' : '');

document.getElementById('line1').className = 'step-line ' + (hasProduct ? 'done' : '');
document.getElementById('line2').className = 'step-line ' + (hasCoords ? 'done' : '');

[document.querySelector('[data-step="1"]'), document.querySelector('[data-step="2"]'), document.querySelector('[data-step="3"]')].forEach((el, i) => {
const dot = el.querySelector('.step-dot');
el.className = 'step-item ' + dot.className.replace('step-dot ', '');
});
}

['nom','prenom','email','tel','societe','sujet','message'].forEach(id => {
const el = document.getElementById(id);
if (el) el.addEventListener('input', updateSteps);
});

// ── Validation ──
function validateField(id, validator) {
const el = document.getElementById(id);
const wrap = el.closest('.field-wrap');
const valid = validator ? validator(el.value) : el.value.trim().length > 0;
wrap.classList.toggle('has-error', !valid);
return valid;
}

function submitForm() {
let valid = true;

valid = validateField('nom') && valid;
valid = validateField('prenom') && valid;
valid = validateField('email', v => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) && valid;
valid = validateField('tel', v => v.trim().length >= 8) && valid;
valid = validateField('societe') && valid;
valid = validateField('adresse') && valid;
valid = validateField('sujet') && valid;
valid = validateField('message') && valid;

if (!privacyChecked) {
document.getElementById('privacyRow').classList.add('has-error');
document.getElementById('privacyError').style.display = 'block';
valid = false;
}

if (!valid) {
const firstErr = document.querySelector('.has-error');
if (firstErr) firstErr.scrollIntoView({ behavior: 'smooth', block: 'center' });
return;
}

// Simulate send
const btn = document.getElementById('submitBtn');
btn.classList.add('loading');
setTimeout(() => {
btn.classList.remove('loading');
document.getElementById('formContent').style.display = 'none';
document.getElementById('successOverlay').classList.add('visible');
document.getElementById('successOverlay').scrollIntoView({ behavior: 'smooth' });
}, 1800);
}

function resetForm() {
document.getElementById('formContent').style.display = '';
document.getElementById('successOverlay').classList.remove('visible');
selectedProducts = [];
renderHighlight();
renderGrid(catalogue);
privacyChecked = false;
document.getElementById('privacyRow').classList.remove('checked');
['nom','prenom','email','tel','societe','ice','adresse','sujet','message'].forEach(id => {
const el = document.getElementById(id);
if (el) { el.value = ''; el.closest('.field-wrap')?.classList.remove('has-error'); }
});
updateSteps();
window.scrollTo({ top: 0, behavior: 'smooth' });
}

// ── Init ──
renderGrid(catalogue);

// Pre-fill product from URL param ?product=ID (for "Demande de devis" buttons on product pages)
const urlParams = new URLSearchParams(window.location.search);
const preId = parseInt(urlParams.get('product'));
if (preId && catalogue.find(c => c.id === preId)) {
selectedProducts = [preId];
renderHighlight();
renderGrid(filtered);
updateSteps();
}

Δ