);
// Conteneur de tableau : défilement horizontal ET vertical dans le cadre, barre du bas toujours visible
const TableScroll = ({children,maxH="60vh"}) => (
{hasPhone
? "Vérifiez et mettez à jour votre numéro de téléphone."
: "Renseignez votre numéro de téléphone pour compléter votre profil (obligatoire)."}
s("nom",e.target.value.toUpperCase())} required/>
s("prenom",e.target.value)} required/>
s("date_naissance",e.target.value)} hint="Servira de mot de passe (JJMMAAAA)" required/>
s("telephone",e.target.value)} placeholder="07 00 00 00 00"/>
L'administrateur sera notifié. Vous ne pourrez postuler qu'après validation.
Soumettre ma demande →← Retour
);
}
/* ═══════════════════════════════════════════════════════════
SIDEBAR
═══════════════════════════════════════════════════════════ */
function Sidebar({user,mat,page,setPage,onLogout,badge,mobile,open,onClose}) {
const menus = {
admin:[
{id:"dashboard",l:"Tableau de bord",i:"⊞"},
{id:"imports",l:"Import XLSX",i:""},
{id:"users",l:"Utilisateurs & Rôles",i:"",b:badge},
{id:"journal",l:"Journal d'audit",i:""},
{id:"campagnes",l:"Campagnes",i:""},
{id:"candidatures",l:"Candidatures",i:""},
{id:"resultats",l:"Résultats",i:""},
{id:"remise",l:"Remise des véhicules",i:""},
{id:"motdepasse",l:"Mon mot de passe",i:""}
],
commission:[
{id:"dashboard",l:"Tableau de bord",i:"⊞"},
{id:"candidatures",l:"Candidatures",i:""},
{id:"resultats",l:"Résultats",i:""},
{id:"remise",l:"Remise des véhicules",i:""},
{id:"campagnes",l:"Campagnes",i:""},
{id:"motdepasse",l:"Mon mot de passe",i:""}
],
superviseur:[
{id:"dashboard",l:"Tableau de bord",i:"⊞"},
{id:"remise",l:"Remise des véhicules",i:""},
{id:"candidatures",l:"Candidatures",i:""},
{id:"resultats",l:"Résultats & actes",i:""},
{id:"campagnes",l:"Campagnes",i:""},
{id:"motdepasse",l:"Mon mot de passe",i:""}
],
employe:[
{id:"dashboard",l:"Mon espace",i:"⊞"},
{id:"demande",l:"Ma demande",i:""},
{id:"statut",l:"Mon résultat",i:""},
{id:"historique",l:"Mon historique",i:""},
{id:"signature",l:"Signer mon acte",i:""},
{id:"abandon",l:"Abandon de véhicule",i:""},
{id:"motdepasse",l:"Mon mot de passe",i:""}
]
};
return (
<>
{mobile && open &&
}
{/* Logo */}
CVVR SODECI
Attribution des véhicules
{/* Nav */}
{/* User */}
{(user.name||"A")[0]}
{user.name}
{mat} · {user.role}
Conçu et développé par {AUTEUR} {COPYRIGHT}
);
}
/* ═══════════════════════════════════════════════════════════
PAGE IMPORT XLSX
═══════════════════════════════════════════════════════════ */
function ImportsPage({state,act,showToast}) {
// ── Données en attente de validation (non encore commitées) ──
const [pending,setPending] = useState({
employes:null, vehicules:null, sanctions:null, comptabilite:null
});
// Campagne choisie pour les véhicules
const [campVehId,setCampVehId] = useState("");
const [view,setView] = useState(null);
const refEmp=useRef(); const refVeh=useRef();
const refSan=useRef(); const refCpt=useRef();
const fileRefs={employes:refEmp,vehicules:refVeh,sanctions:refSan,comptabilite:refCpt};
// ── Parse : lit le fichier → stocke dans pending (SANS committer) ──
const parseFile=(file,type)=>{
setPending(p=>({...p,[type]:"loading"}));
const reader=new FileReader();
reader.onload=e=>{
try{
// Lecture unique avec cellDates:true → les dates deviennent des objets Date JavaScript
const wb=XLSX.read(e.target.result,{type:"binary",cellDates:true});
const ws=wb.Sheets[wb.SheetNames[0]];
// En-têtes : raw:false pour avoir les noms de colonnes en texte
const hdrs=(XLSX.utils.sheet_to_json(ws,{header:1,defval:null,raw:false})[0])||[];
// Données : raw:true → dates = objets Date, nombres = Number, textes = String
// Un seul parse pour la prévisualisation ET le traitement
const dRows=XLSX.utils.sheet_to_json(ws,{header:1,defval:null,raw:true})
.slice(1).filter(r=>r.some(v=>v!==null&&v!==""));
const rawRows=dRows; // même données pour la visualisation (fmtD gère les Date)
// Colonnes indispensables : sans elles, l'import afficherait « 0 ligne » sans explication
const requises={employes:[["Matricule"]],vehicules:[["Immatriculations","Immatriculation"]],
sanctions:[["Matricule"]],comptabilite:[["NUMERO DE COMPTE","Numero de compte"],["Reference client","Ref client"]]}[type]||[];
const manquantes=requises.filter(noms=>ci(hdrs,...noms)===-1).map(noms=>"« "+noms[0]+" »");
if(manquantes.length) throw new Error(`Colonne${manquantes.length>1?"s":""} introuvable${manquantes.length>1?"s":""} : ${manquantes.join(", ")}. Vérifiez que vous avez choisi le bon fichier et que la première ligne contient les titres des colonnes.`);
if(dRows.length===0) throw new Error("Le fichier ne contient aucune ligne de données sous les titres de colonnes.");
if(type==="employes"){
const iMat=ci(hdrs,"Matricule"),iNom=ci(hdrs,"Nom"),iPrn=ci(hdrs,"Prénom","Prenom");
const iSex=ci(hdrs,"Sexe"),iDdN=ci(hdrs,"Date de Naissance","Date Naissance");
const iDdE=ci(hdrs,"Date Entrée","Date Entree"),iAnc=ci(hdrs,"Anc");
const iNat=ci(hdrs,"Nationalité","Nationalite"),iCat=ci(hdrs,"Catégorie","Categorie");
const iCol=ci(hdrs,"Collège","College"),iEmp=ci(hdrs,"Emploi");
const iCI=ci(hdrs,"CI"),iDir=ci(hdrs,"Sigle Direction","Direction");
const parsed=[]; const newUsers=[];
dRows.forEach(r=>{
const mat=cleanMat(r[iMat]); if(!mat) return;
const dn=r[iDdN],de=r[iDdE],anc=parseInt(r[iAnc])||calcAnc(de);
const emp={id:uid(),matricule:mat,nom:String(r[iNom]||"").trim(),prenom:String(r[iPrn]||"").trim(),
sexe:String(r[iSex]||"").trim(),date_naissance:dn,date_embauche:de,anciennete:anc,
nationalite:String(r[iNat]||"").trim(),categorie:String(r[iCat]||"").trim(),
college:String(r[iCol]||"").trim(),emploi:String(r[iEmp]||"").trim(),
ci:r[iCI],direction:String(r[iDir]||"").trim(),telephone:""};
const dejaPresentE=state.employes.find(x=>x.matricule===mat);
parsed.push({...emp,_action:dejaPresentE?"mise_a_jour":"nouveau"});
// Les comptes sont créés par le serveur (mot de passe = date de naissance JJMMAAAA, stocké haché)
if(!state.users.find(u=>cleanMat(u.matricule)===mat)) newUsers.push({matricule:mat});
});
setPending(p=>({...p,employes:{parsed,newUsers,hdrs,rawRows,
stats:{total:dRows.length,nouveaux:parsed.filter(x=>x._action==="nouveau").length,
mises_a_jour:parsed.filter(x=>x._action==="mise_a_jour").length,comptes:newUsers.length}}}));
}
else if(type==="vehicules"){
const iNum=ci(hdrs,"N°","N"),iMrq=ci(hdrs,"Marques et Types","Marque");
const iImm=ci(hdrs,"Immatriculations","Immatriculation");
const iImmo=ci(hdrs,"N° Immo","Immo"),iPrix=ci(hdrs,"Prix de Vente TTC","Prix");
const iObs=ci(hdrs,"Observations");
const parsed=[]; const vus=new Set();
dRows.forEach(r=>{
const immat=String(r[iImm]||"").trim(); if(!immat||immat==="null") return;
const dejaPresent=vus.has(immat); // doublon dans le fichier (le serveur remplace les véhicules de la campagne)
vus.add(immat);
parsed.push({id:uid(),numero:r[iNum],marque_type:String(r[iMrq]||"").trim(),
immatriculation:immat,num_immo:r[iImmo],prix:parsePx(r[iPrix]),
observations:String(r[iObs]||"").trim(),
_action:dejaPresent?"doublon":"nouveau"});
});
const nouveaux=parsed.filter(x=>x._action==="nouveau");
setPending(p=>({...p,vehicules:{parsed:nouveaux,hdrs,rawRows,
stats:{total:dRows.length,nouveaux:nouveaux.length,doublons:parsed.filter(x=>x._action==="doublon").length}}}));
}
else if(type==="sanctions"){
const iMat=ci(hdrs,"Matricule"),iNom=ci(hdrs,"Nom"),iPrn=ci(hdrs,"Prénoms","Prenoms","Prenom");
const iEmp=ci(hdrs,"Emploi"),iNat=ci(hdrs,"Nature de la sanction","Nature");
const iDur=ci(hdrs,"Durée de la sanction","Duree"),iAnn=ci(hdrs,"Année","Annee");
const iTyp=ci(hdrs,"Types de faute","Type faute"),iDir=ci(hdrs,"Direction");
const parsed=[];
dRows.forEach(r=>{
const mat=cleanMat(r[iMat]); if(!mat) return;
parsed.push({id:uid(),matricule:mat,nom:String(r[iNom]||"").trim(),
prenom:String(r[iPrn]||"").trim(),emploi:String(r[iEmp]||"").trim(),
motif:String(r[iNat]||"").trim(),duree:String(r[iDur]||"").trim(),
annee:r[iAnn],type_faute:String(r[iTyp]||"").trim(),direction:String(r[iDir]||"").trim()});
});
setPending(p=>({...p,sanctions:{parsed,hdrs,rawRows,stats:{total:dRows.length,importes:parsed.length}}}));
}
else if(type==="comptabilite"){
const iCpt=ci(hdrs,"NUMERO DE COMPTE","Numero de compte");
const iRefC=ci(hdrs,"Reference client","Ref client");
const iExpR=ci(hdrs,"Expli_Remarq","Expliq_Remarq","Remarq");
const iDate=ci(hdrs,"DATE COMPTABLE","Date comptable");
const iExpl=ci(hdrs,"Explication"),iMnt=ci(hdrs,"MONTANT","Montant");
const parsed=[]; let ignored=0;
dRows.forEach(r=>{
const compte=String(r[iCpt]||"").trim();
if(!["471108","471130"].includes(compte)){ignored++;return;}
const refC=r[iRefC];
if(!refC||refC===0||refC==="0"||refC===""){ignored++;return;}
// Filtre ORD : on ne garde que les lignes sans "ORD" dans Expli_Remarq
const expR=String(r[iExpR]||"").toUpperCase();
if(expR.includes("ORD")){ignored++;return;}
const dateC=r[iDate];
const annee=dateC instanceof Date?dateC.getFullYear():(dateC?parseInt(String(dateC).substring(0,4)):new Date().getFullYear());
parsed.push({id:uid(),compte,reference_client:String(refC).trim(),
expli_remarq:String(r[iExpR]||"").trim(),date_comptable:dateC,
explication:String(r[iExpl]||"").trim(),montant:r[iMnt],annee_acquisition:annee});
});
setPending(p=>({...p,comptabilite:{parsed,hdrs,rawRows,stats:{total:dRows.length,retenus:parsed.length,ignores:ignored}}}));
}
}catch(err2){
setPending(p=>({...p,[type]:null}));
showToast(`❌ Lecture du fichier impossible. ${/^(Colonne|Le fichier)/.test(err2.message)?err2.message:"Vérifiez qu'il s'agit bien d'un fichier Excel (.xlsx ou .xls) valide, non protégé par un mot de passe."}`);
}
};
reader.readAsBinaryString(file);
};
// ── VALIDER : committer les données pending → state global ──
const [busy,setBusy] = useState(false);
const valider=async (type)=>{
const p=pending[type];
if(!p||!p.parsed||busy) return;
const campId=campVehId?parseInt(campVehId):null;
if(type==="vehicules"&&!campId){ showToast("❌ Veuillez sélectionner une campagne avant de valider les véhicules."); return; }
// Dates Excel → "AAAA-MM-JJ" avant envoi ; le serveur valide et enregistre
const ser=o=>Object.fromEntries(Object.entries(o).map(([k,v])=>[k,jsonCell(v)]));
const msgs={
employes:r=>`✅ ${r.nouveaux} nouveaux · ${r.mises_a_jour} mis à jour · ${r.comptes} comptes créés`,
vehicules:r=>`✅ ${r.importes} véhicules ajoutés pour la campagne sélectionnée${r.ignores?` (${r.ignores} ignorés : doublons ou déjà rattachés à une autre campagne)`:""}`,
sanctions:r=>`✅ ${r.importes} sanctions chargées (liste actualisée)`,
comptabilite:r=>`✅ ${r.retenus} lignes comptables retenues · ${p.stats.ignores} ignorées`
};
setBusy(true);
showToast("Import en cours… ne fermez pas la page");
const r=await act(api("POST",`/import/${type}`,
{rows:p.parsed.map(ser),hdrs:p.hdrs,rawRows:jsonRows(p.rawRows),campagne_id:campId}),msgs[type]);
setBusy(false);
if(r) setPending(pp=>({...pp,[type]:null}));
};
// ── Effacer les données commitées ──
const effacer=async (type)=>{
const r=await act(api("DELETE",`/import/${type}`),r=>`Données "${type}" effacées${r.note?"\n"+r.note:""}`);
if(r) setPending(pp=>({...pp,[type]:null}));
};
// ── Voir les données importées (chargées à la demande) ──
const voirRaw=async (cfg)=>{
try{
const raw=await api("GET",`/import/${cfg.id}/raw`);
setView({title:`Données importées — ${cfg.label} (${raw.rows.length} lignes)`,headers:raw.headers,rows:raw.rows});
}catch(e){ showToast("❌ "+e.message); }
};
const configs=[
{id:"employes", label:"Employés", icon:"",color:C.blue,
colonnes:"Matricule | Nom | Prénom | Sexe | Date de Naissance | Date Entrée | Anc | Nationalité | Catégorie | Collège | Emploi | CI | Sigle Direction",
note:"Données globales — remplace et actualise à chaque import. Crée les comptes automatiquement."},
{id:"vehicules", label:"Véhicules", icon:"",color:C.grn,
colonnes:"N° | Marques et Types | Immatriculations | N° Immo | Prix de Vente TTC | Observations",
note:"Spécifique à une campagne — vous devez choisir la campagne avant de valider."},
{id:"sanctions", label:"Sanctions disciplinaires", icon:"",color:C.red,
colonnes:"Ordre | Matricule | Nom | Prénoms | Emploi | Genre | College | CI | Direction | Nature de la sanction | Durée | Année | Types de faute",
note:"Données globales — l'import remplace toute la liste précédente."},
{id:"comptabilite",label:"Comptabilité (471108/471130)",icon:"",color:C.ylw,
colonnes:"NUMERO DE COMPTE | DATE COMPTABLE | Explication | Expli_Remarq | Reference client | MONTANT | …",
note:"Données globales — filtre : 471108/471130 · Reference client ≠ 0 · Expli_Remarq SANS 'ORD'."}
];
const counts={employes:state.employes.length,vehicules:state.vehicules.length,sanctions:state.sanctions.length,comptabilite:state.acquisitions.length};
return (
Ordre d'import : Employés → Véhicules (par campagne) → Comptabilité → Sanctions.
Chaque import doit être prévisualisé puis validé pour être pris en compte.
{/* Sélecteur campagne pour les véhicules */}
{cfg.id==="vehicules" && (
{!state.campagnes.length && (
Aucune campagne créée. Créez d'abord une campagne dans le menu Campagnes.
)}
{campVehId && (
{pend.stats.nouveaux} véhicules seront associés à : {state.campagnes.find(c=>c.id===parseInt(campVehId))?.libelle}
)}
)}
{/* Bouton valider */}
valider(cfg.id)}
disabled={busy||(cfg.id==="vehicules"&&!campVehId)} full>
{busy?"Import en cours…":"Valider et appliquer cet import"}
setPending(pp=>({...pp,[cfg.id]:null}))}>Annuler
{/* Inscriptions en attente */}
{pending.length>0 && (
{pending.length} demande(s) d'accès en attente
{pending.map(ins=>(
{ins.prenom} {ins.nom}
{ins.matricule}
{setInscMdl(ins);setMotif("");}}>Traiter
))}
)}
{/* Barre outils */}
setSearch(e.target.value)}
placeholder="Rechercher par nom ou matricule…"
style={{flex:1,minWidth:200,border:`1px solid ${C.brd}`,borderRadius:4,
padding:"8px 12px",fontSize:13,fontFamily:"inherit",outline:"none"}}/>
setNewMdl(true)}>+ Créer un compte
{/* Tableau */}
{filtered.length===0 && (
Aucun utilisateur trouvé
)}
{pg.slice.map(u=>(
{u.matricule}{u.name}
{/* Changement de rôle inline */}
{u.telephone||"—"}{u.est_actif?"Actif":"Inactif"}{u.connexions||0}
{
const r=await upd(editMdl.id,{name:editMdl.name,role:editMdl.role,password:editMdl.new_password,est_actif:editMdl.est_actif,telephone:editMdl.telephone},
()=>`✅ ${editMdl.name} mis à jour`);
if(r) setEditMdl(null);
}}>EnregistrersetEditMdl(null)}>Annuler
)}
{/* Modal nouveau compte */}
setNewMdl(false)} title="Créer un compte manuellement">
setNu(p=>({...p,matricule:e.target.value.toUpperCase()}))} required/>
setNu(p=>({...p,name:e.target.value}))} required/>
setNu(p=>({...p,role:e.target.value}))} options={ROLES.map(r=>({v:r,l:r}))}/>
setNu(p=>({...p,password:e.target.value}))} placeholder="Vide = sodeci2025" hint="Employés : date de naissance JJMMAAAA"/>
setQ(e.target.value)} placeholder="Véhicule, matricule ou nom…"
style={{border:`1px solid ${C.brd}`,borderRadius:4,padding:"7px 12px",fontSize:12,fontFamily:"inherit",outline:"none",width:280}}/>
Classé par n° de véhicule · chaque véhicule est suivi de son attributaire
{/* ② ③ ④ Candidats suivants : le véhicule est le même, seul le candidat change */}
{showBackups && backups.map((bk,bi)=>{
const {bg,fg,label}=backupStyles[bi];
const c2 = {...cell,background:bg,borderBottom:"1px solid #e8ece7"};
return (
{label}
Prend ce véhicule si {backupStyles.slice(0,bi).map(x=>x.label).join(", ")||"①"} {bi===0?"est refusé":"sont refusés"}
—
{bk.matricule}
{bk.prenom} {bk.nom}
{bk.telephone||"—"}
{bk.emploi||"—"}
{bk.direction||"—"}
{bk.anciennete} ans
{peutReattribuer && !r.signe && !r.achat_valide && ouvrirReattribution(r,bk.matricule)}>Attribuer à {bk.prenom}}
);
})}
{showBackups && backups.length===0 && (
Aucun autre candidat éligible n'avait choisi ce véhicule
Aucun autre candidat éligible n'a choisi ce véhicule.
}
{choisis.map((c,i)=>(
{i<3 && {lab[i]} suivant}
))}
{autres.length>0 && (
<>
AUTRES CANDIDATS ÉLIGIBLES SANS VÉHICULE (hors choix — exception à justifier)
{autres.slice(0,60).map((c,i)=>)}
)}
{choix && premier && cleanMat(choix.matricule)!==cleanMat(premier.matricule) && (
Ce candidat n'est pas le suivant selon l'algorithme ({premier.prenom} {premier.nom}). La décision sera signalée « hors ordre » dans le journal.
)}