import { Head, Link } from '@inertiajs/react'; import LotoLayout from '@/Layouts/LotoLayout'; import { ArrowLeft, Trophy, Clock, Users, Download } from "lucide-react"; import { motion } from "framer-motion"; import jsPDF from "jspdf"; import autoTable from "jspdf-autotable"; import { DashboardHeader } from "@/Components/loto/DashboardHeader"; import { LotoBall } from "@/Components/loto/LotoBall"; import { getDrawById, getPreviousDraws, formatFCFA, type Draw, } from "@/lib/loto-data"; export default function DrawDetailPage({ drawId, dbDraw, previousDraws = [] }: { drawId: string, dbDraw: any, previousDraws?: any[] }) { const draw = dbDraw; if (!draw) return (

Tirage introuvable

Ce tirage n'existe pas ou a été supprimé.

Retour au tableau de bord
); const handleExportPDF = () => { const doc = new jsPDF(); const orange: [number, number, number] = [220, 110, 30]; let y = 18; doc.setFontSize(18); doc.setTextColor(...orange); doc.text(`Tirage ${draw.name}`, 14, y); doc.setFontSize(10); doc.setTextColor(110, 110, 110); doc.text(`${draw.date}`, 14, y + 7); doc.text(`Jackpot : ${formatFCFA(draw.jackpot)}`, 14, y + 13); y += 24; doc.setFontSize(12); doc.setTextColor(30, 30, 30); doc.text("Numéros gagnants", 14, y); doc.setFontSize(11); doc.setTextColor(...orange); doc.text(draw.numbers.map((n: number) => String(n).padStart(2, "0")).join(" "), 14, y + 7); y += 16; doc.setFontSize(12); doc.setTextColor(30, 30, 30); doc.text("Numéros machine", 14, y); doc.setFontSize(11); doc.setTextColor(90, 90, 90); doc.text(draw.machine.map((n: number) => String(n).padStart(2, "0")).join(" "), 14, y + 7); y += 14; autoTable(doc, { startY: y, head: [["Rang", "Numéros trouvés", "Gain estimé", "Gagnants"]], body: draw.payouts.map((p: any) => [ String(p.rank), `${p.matched} / 5`, formatFCFA(p.prize), String(p.winners), ]), headStyles: { fillColor: orange }, styles: { fontSize: 9 }, }); if (previousDraws.length > 0) { autoTable(doc, { startY: (doc as unknown as { lastAutoTable: { finalY: number } }).lastAutoTable.finalY + 10, head: [["Mini-historique", "Date", "Numéros", "Jackpot"]], body: previousDraws.map((prev: any) => [ `${prev.name}`, prev.date, prev.numbers.map((n: number) => String(n).padStart(2, "0")).join(" "), formatFCFA(prev.jackpot), ]), headStyles: { fillColor: orange }, styles: { fontSize: 9 }, }); } doc.save(`tirage-${draw.id}.pdf`); }; return (
Tirage {draw.name} — Loto 5/90 Côte d'Ivoire
Retour au tableau de bord
{/* Header */}

Tirage {draw.name}

{draw.date}

{formatFCFA(draw.jackpot)}
{/* Winning numbers */}

Numéros gagnants

{(draw.numbers || []).map((n: number, i: number) => ( ))}
{/* Machine numbers */}

Numéros machine

{(draw.machine || []).map((n: number, i: number) => ( ))}
{/* Estimated gains */}

Gains estimés

Répartition des gains par rang pour ce tirage

{(draw.payouts || []).map((p: any) => ( ))}
Rang Numéros trouvés Gain estimé Gagnants
{p.rank} {p.matched} / 5 {formatFCFA(p.prize)} {p.winners}
Total gagnants {draw.winners}
{/* Mini-history */} {previousDraws.length > 0 && (

Mini-historique

Tirages précédents

{previousDraws.map((prev: any) => (
{prev.name}

{prev.date}

{(prev.numbers || []).slice(0, 3).map((n: number) => ( {String(n).padStart(2, "0")} ))} +{Math.max(0, (prev.numbers || []).length - 3)}
{formatFCFA(prev.jackpot)}
))}
)}
); } DrawDetailPage.layout = (page: React.ReactNode) => {page};