{/* Ligne 1 : Logo Aéronautique Navale */}
{/* Ligne 2 : PRONOS DU CENTEX HÉLICO */}
{/* Ligne 4 : Titre */}
{/* Nav */}
Pronos du Centex Hélico
{/* Ligne 3 : Trophée + Ballon */}
Coupe du Monde FIFA 2026
{/* Ligne 5 : Drapeaux */}
11 participants · 104 matchs · Score exact +3 · Bonne issue +1 · Pronostic vainqueur +10
Horaires en heure française (CEST — GMT+2)
{saveIndicator.text}
{[
{ key: "classement", label: "🏆 Classement" },
{ key: "pronos", label: "📝 Pronostics" },
{ key: "resultats", label: "✅ Résultats" },
{ key: "reglement", label: "📋 Règlement" },
{ key: "config", label: "⚙️ Config" },
].map(t => (
))}
{isAdmin ? (
) : (
)}
{/* CLASSEMENT */}
{tab === "classement" && (
)}
{/* PRONOSTICS */}
{tab === "pronos" && (
);
})()}
{/* Phase filter */}
))}
)}
{/* RÉSULTATS */}
{tab === "resultats" && (
setResult(m.id, "h", v) : () => {}} />
–
setResult(m.id, "a", v) : () => {}} />
{done && ✓}
);
})}
))}
)}
{/* RÈGLEMENT */}
{tab === "reglement" && (
{REGLEMENT.map((art, i) => (
))}
)}
{/* CONFIG */}
{tab === "config" && (
)}
{/* PIN MODAL */}
{showPinModal && (
Classement général
| Pos. | Participant | Pts | 🎯 Exact | ✓ Issue | 🏆 Bonus |
|---|---|---|---|---|---|
| {i === 0 ? "🥇" : i === 1 ? "🥈" : i === 2 ? "🥉" : `${i + 1}`} | {p.name} {winnerPronos[p.name] && ( ({winnerPronos[p.name]}{p.winnerBonus ? " ✓" : ""}) )} | {p.total} | {p.exact} | {p.bonneIssue} | {p.winnerBonus ? "+10 ✓" : "–"} |
Départage : 1) Pronostic vainqueur correct · 2) Scores exacts · 3) Bonnes issues
Saisie des pronostics
{/* Pronostic vainqueur */} {(() => { const winnerLocked = isWinnerPronoLocked(); return (
🏆 Pronostic vainqueur final
{winnerLocked
? FERMÉ
: — ferme 1h avant le 1er match des 1/16 ({FIRST_KNOCKOUT_MATCH?.date}, {FIRST_KNOCKOUT_MATCH?.heure})
}
{playerNames.map((name, i) => (
{winnerLocked
?
))}
{winnerPronos[name] || non saisi}
: setWinnerPronos(w => ({ ...w, [name]: e.target.value }))}
placeholder="ex: France" style={{ ...inputStyle, padding: "5px 8px" }} />
}
{sortedPhases.map(p => (
))}
{/* Search */}
setSearchTerm(e.target.value)}
placeholder="Rechercher un match ou une date…"
style={{ ...inputStyle, width: "100%", marginBottom: 14, boxSizing: "border-box" }} />
{Object.entries(matchesByDate).map(([date, dayMatches]) => (
📅 {date}
{dayMatches.map(m => (
{(() => {
const locked = isMatchLocked(m.date, m.heure);
return (
))}
{matchNames[m.id] || m.match}
);
})()}
{m.heure && 🕐 {m.heure}}
{locked && FERMÉ}
{playerNames.map((name, i) => {
const p = pronos[m.id]?.[name] || {};
const r = results[m.id];
const pts = r ? calcPoints(p, r) : null;
return (
);
})}
{name}
{(() => {
const locked = isMatchLocked(m.date, m.heure);
return (
{locked ? (
<>
{p.h ?? "–"}
–
{p.a ?? "–"}
🔒
) : (
<>
setProno(m.id, name, "h", v)} />
–
setProno(m.id, name, "a", v)} />
)}
{pts !== null && (
{pts > 0 ? `+${pts}` : "✗"}
)}
);
})()}
Résultats officiels
{!isAdmin && (
🔒
Lecture seule — pour modifier.
)}
Saisissez les scores réels pour mettre à jour le classement automatiquement.
{sortedPhases.map(p => (
))}
setSearchTerm(e.target.value)}
placeholder="Rechercher un match…"
style={{ ...inputStyle, width: "100%", marginBottom: 14, boxSizing: "border-box" }} />
{Object.entries(matchesByDate).map(([date, dayMatches]) => (
📅 {date}
{dayMatches.map(m => {
const r = results[m.id] || {};
const done = r.h !== undefined && r.h !== "" && r.a !== undefined && r.a !== "";
const isKnockout = m.phase !== "Groupes";
const displayName = matchNames[m.id] || m.match;
const isEditing = editingMatchId === m.id;
return (
{isKnockout && isEditing ? (
setEditingMatchVal(e.target.value)}
onKeyDown={e => {
if (e.key === "Enter") { setMatchNames(mn => ({ ...mn, [m.id]: editingMatchVal })); setEditingMatchId(null); }
if (e.key === "Escape") setEditingMatchId(null);
}}
style={{ flex: 1, background: "#0d1b2a", border: "1px solid #c8a94a", borderRadius: 6, color: "#e8e0d0", padding: "5px 8px", fontSize: 13, outline: "none" }}
/>
) : (
{displayName}
{m.heure && 🕐 {m.heure}}
{isKnockout && isAdmin && (
)}
)}
📋 Règlement du concours
Concours de Pronostics
Coupe du Monde FIFA 2026
11 participants · Sans enjeu financier
Article {i + 1} — {art.titre}
{art.contenu}
Règlement adopté par les 11 participants avant le début de la compétition.
⚙️ Configuration
{!isAdmin && (
🔒
Lecture seule — pour modifier.
)}
Noms des participants
{playerNames.map((name, i) => (
{ const c = [...playerNames]; c[i] = e.target.value; setPlayerNames(c); }}
style={{ ...inputStyle, background: editingNames ? "#0d1b2a" : "rgba(255,255,255,0.03)", border: `1px solid ${editingNames ? "#c8a94a" : "#1a2e45"}` }}
/>
))}
Programme des matchs
104 matchs sont intégrés (données officielles FIFA 2026) et ne peuvent pas être modifiés dans cette version.
{sortedPhases.map(p => {
const count = ALL_MATCHES.filter(m => m.phase === p).length;
return (
{p} ({count})
);
})}
🏆 Champion du monde (pour activer le bonus +10)
Saisissez le nom de l'équipe championne après la finale pour créditer automatiquement +10 pts aux participants qui l'avaient pronostiquée.
isAdmin && setTournamentWinner(e.target.value)}
disabled={!isAdmin}
placeholder="ex: France"
style={{ ...inputStyle, flex: 1, opacity: isAdmin ? 1 : 0.5 }}
/>
{tournamentWinner && (
✓ Bonus actif
)}
Zone de danger
Remet à zéro toutes les données (noms, pronostics, résultats). Les matchs restent.
setShowPinModal(false)}>
)}
e.stopPropagation()} style={{
background: "#111e2d", border: "2px solid #c8a94a", borderRadius: 14,
padding: "32px 28px", width: 300, textAlign: "center",
}}>
🔒
Accès administrateur
Saisissez le code PIN à 5 chiffres
{[0,1,2,3,4].map(i => (
{pinError && i ? "#c8a94a" : "#1e3a5a"}`,
borderRadius: 8, display: "flex", alignItems: "center", justifyContent: "center",
fontSize: 22, fontWeight: 800, color: "#c8a94a",
}}>
{pinInput.length > i ? "●" : ""}
))}
Code incorrect, réessayez.
}
{[1,2,3,4,5,6,7,8,9].map(n => (
))}