Ajout de la page SaisirCodeUnique

frontend/src/App.jsx

@@ -6,6 +6,7 @@ import MesGains from './pages/MesGains'
 import Employe from './pages/Employe'
 import Admin from './pages/Admin'
 import Profile from './pages/Profile'
+import SaisirCodeUnique from './pages/SaisirCodeUnique.jsx'
 
 export default function App() {
   return (
@@ -19,6 +20,7 @@ export default function App() {
         <Route path="/employe" element={<Employe />} />
         <Route path="/admin" element={<Admin />} />
         <Route path="/profile" element={<Profile />} />
+        <Route path="/saisir-code-unique" element={<SaisirCodeUnique />} />
       </Routes>
     </BrowserRouter>
   )

frontend/src/pages/SaisirCodeUnique.jsx

@@ -0,0 +1,65 @@
+import { useState } from 'react'
+
+export default function SaisirCodeUnique() {
+    const [form, setForm] = useState({
+        codeUnique: '',
+    })
+
+    const handleChange = (e) => {
+        const { name, value } = e.target
+        setForm({ ...form, [name]: value.toUpperCase() })
+    }
+
+    const handleSubmit = (e) => {
+        e.preventDefault()
+
+        const code = form.codeUnique.trim()
+        
+        if (!code) {
+            alert('Veuillez saisir un code')
+            return
+        }
+        if (code.length !== 10) {
+            alert('Le code doit contenir exactement 10 caractères')
+            return
+        }
+        
+        // TODO: appeler backend pour valider le code unique
+        alert('Code validé')
+    }
+
+    return (
+        <div className="min-h-screen bg-green-50 flex items-center justify-center p-4">
+            <div className="bg-white rounded-2xl shadow-lg w-full max-w-md p-8">
+                <h1 className="text-3xl font-bold text-green-800 mb-2">Saisir mon code gagnant</h1>
+                <p className="text-gray-600 mb-6">Saisissez le code présent sur votre ticket</p>
+               
+
+                {/* Formulaire */}
+                <form onSubmit={handleSubmit} className="space-y-5">
+
+                    {/* Code unique */}
+                    <div>
+                        <input 
+                            type="text"
+                            name="codeUnique"
+                            value={form.codeUnique}
+                            onChange={handleChange}
+                            placeholder="Votre code"
+                            maxLength={10}
+                            className="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-green-500" 
+                        />
+                    </div>
+                    
+                    {/* Bouton de soumission */}
+                    <button 
+                        type="submit"
+                        className="w-full bg-green-700 hover:bg-green-800 text-white font-semibold py-2.5 rounded-lg transition-colors"
+                    >
+                        Valider
+                    </button>
+                </form>
+            </div>
+        </div>
+    )
+}