{SCOPE_LABELS[scopeNum]}
{total > 0 && ({Math.round(scopeTotal / total * 100)}% du total)}
{fmtT(scopeTotal)}
{/* Sélecteur d'ajout de ligne */}
{cats.map(cat => (
{cat}
{scopeFact.filter(([, f]) => f.cat === cat).map(([key, f]) => (
))}
))}
{/* Lignes saisies */}
{entries.length === 0
?
Aucune source émettrice — cliquer pour en ajouter.
: (
)
}
);
}
// ── Formulaire bilan complet ────────────────────────────────────────────────────
function BilanForm({ initial, onSave, onClose }) {
const isNew = !initial?.id;
const [form, setForm] = useState(initial || {
nom: '', description: '', organisationNom: '', siret: '', secteurActivite: '', nombreSalaries: '',
annee: new Date().getFullYear() - 1,
perimetre: 'operationnel', status: 'brouillon',
scope1: {}, scope2: {}, scope3: {},
notes: '',
});
const [saving, setSaving] = useState(false);
const [error, setError] = useState('');
const f = k => e => setForm(p => ({ ...p, [k]: e.target.value }));
// Totaux live
const s1 = useMemo(() => calcScopeLocal(form.scope1), [form.scope1]);
const s2 = useMemo(() => calcScopeLocal(form.scope2), [form.scope2]);
const s3 = useMemo(() => calcScopeLocal(form.scope3), [form.scope3]);
const total = s1 + s2 + s3;
const save = async () => {
if (!form.nom) { setError('Le nom du bilan est requis'); return; }
setSaving(true); setError('');
try {
const method = isNew ? 'POST' : 'PATCH';
const url = isNew ? '/bilans' : `/bilans/${form.id}`;
const saved = await apiGES(url, { method, body: JSON.stringify(form) });
if (saved.id) {
// Déclencher calcul côté backend pour obtenir totalCO2e + lien CEE
await apiGES(`/bilans/${saved.id}/calcul`, { method: 'POST' });
}
onSave && onSave();
onClose();
} catch (e) { setError(e.message || 'Erreur'); }
setSaving(false);
};
return (
{/* Identité */}
📋 Identification
{/* Mini-dashboard live */}
{[
{ label: 'Scope 1', value: s1, color: SCOPE_COLORS[1] },
{ label: 'Scope 2', value: s2, color: SCOPE_COLORS[2] },
{ label: 'Scope 3', value: s3, color: SCOPE_COLORS[3] },
{ label: 'Total', value: total, color: 'var(--ink)', big: true },
].map((kpi, i) => (
{kpi.label}
{fmtT(kpi.value)}
))}
{/* Scope 1 */}
setForm(p => ({ ...p, scope1: s1 }))} total={total} />
{/* Scope 2 */}
setForm(p => ({ ...p, scope2: s2 }))} total={total} />
{/* Scope 3 */}
setForm(p => ({ ...p, scope3: s3 }))} total={total} />
{error &&
{error}
}
Annuler
{saving ? 'Sauvegarde + calcul…' : isNew ? 'Créer le bilan' : 'Enregistrer'}
{/* KPIs */}
{[
{ label: 'Total GES', value: fmtT(total), sub: `${bilan.annee} · ${bilan.perimetre}`, color: 'var(--ink)' },
{ label: 'Scope 1 (direct)', value: fmtT(s1), sub: `${total > 0 ? Math.round(s1/total*100) : 0}% du total`, color: SCOPE_COLORS[1], div: true },
{ label: 'Scope 2 (énergie)', value: fmtT(s2), sub: `${total > 0 ? Math.round(s2/total*100) : 0}% du total`, color: SCOPE_COLORS[2], div: true },
{ label: 'Scope 3 (indirect)', value: fmtT(s3), sub: `${total > 0 ? Math.round(s3/total*100) : 0}% du total`, color: SCOPE_COLORS[3], div: true },
].map((kpi, i) => (
{kpi.label}
{kpi.value}
{kpi.sub}
))}
{/* Barres scope */}
{total > 0 && (
)}
{/* Lien CEE */}
{cee > 0
? (
−{fmtT(cee)}
économisées via dossiers CEE validés
{total > 0 && (
{fmtT(Math.max(0, total - cee))}
émissions nettes après CEE
)}
{(bilan.reductionDetail || []).slice(0, 5).map((d, i) => (
{(d.kWhCumac / 1000).toFixed(1)} MWhcumac
−{fmtT(d.tCO2e)}
))}
)
: Aucune réduction CEE détectée. Les dossiers CEE validés dans votre espace seront automatiquement comptabilisés après recalcul.
}
{scopes.map(s => {
const items = Object.entries(FACTEURS_LOCAL).filter(([, f]) => f.scope === s);
const cats = [...new Set(items.map(([, f]) => f.cat))];
return (
{cats.map(cat => (
{cat}
{['Source', 'Facteur (kgCO₂e)', 'Unité'].map(h => | {h} | )}
{items.filter(([, f]) => f.cat === cat).map(([key, f]) => (
| {f.label} |
{fmt2(f.facteur)} |
{f.unite} |
))}
))}
);
})}
{/* Header */}
🌿 Bilan Carbone / CSRD
BEGES réglementaire · GHG Protocol Scope 1/2/3 · ADEME Base Carbone v23.1 · Lien CEE automatique
M3 Bilan Carbone
CSRD 2026
} onClick={load}>Actualiser
} onClick={() => setModal('new')}>Nouveau bilan
{TABS.map(t => (
))}
{/* Content */}
{tab === 'bilans' && (
{/* KPIs */}
{bilans.length > 0 && (
{[
{ label: 'Bilans réalisés', value: bilans.length, color: 'var(--ink)' },
{ label: 'Total CO₂e (dernier)', value: fmtT(bilans[0]?.totalCO2e || 0), color: 'var(--plasma)', div: true },
{ label: 'Réductions CEE', value: fmtT(bilans.reduce((s, b) => s + (b.reductionCEE || 0), 0)), color: 'var(--signal)', div: true },
].map((kpi, i) => (
{kpi.label}
{typeof kpi.value === 'number' ? kpi.value : kpi.value}
))}
)}
{/* Liste bilans */}
{loading &&
Chargement…
}
{!loading && bilans.length === 0 && (
🌿
Aucun bilan carbone
Créez votre premier bilan GES pour déclarer vos émissions Scope 1/2/3 et piloter votre trajectoire bas-carbone.
setModal('new')} icon={}>Créer le premier bilan
)}
{bilans.map(b => (
{b.nom}
{b.organisationNom || '—'} · Année {b.annee} · {b.perimetre}
{STATUS_INFO[b.status]?.label || b.status}
0 ? 'var(--plasma)' : 'var(--ink-4)' }}>{fmtT(b.totalCO2e || 0)}
{b.reductionCEE > 0 &&
−{fmtT(b.reductionCEE)} CEE}
setViewBilan(b === viewBilan ? null : b)}>Résultats
} onClick={() => setModal(b)}>Modifier
} onClick={() => recalc(b.id)}>Recalc.
} onClick={() => del(b.id)} style={{ color: 'var(--rouge)' }} />
{viewBilan?.id === b.id && (
)}
))}
)}
{tab === 'facteurs' &&
}
{tab === 'params' && (
BEGES réglementaire : Obligatoire tous les 4 ans pour les entreprises {'>'} 500 salariés (France)
CSRD (EU) : Extension aux PME cotées dès 2026 — reporting GES annuel obligatoire
Référentiel : GHG Protocol — Scope 1 (direct) + Scope 2 (énergie) + Scope 3 (indirect)
Facteurs : ADEME Base Carbone® v23.1 — mis à jour annuellement
)}
{/* Modal bilan */}
{modal && (
setModal(null)} width={860}>
setModal(null)} />
)}