@@ -82,69 +82,74 @@ export const AuthForm = () => {
8282 } ;
8383
8484 return (
85- < div
86- className = "relative min-h-screen flex items-center justify-center bg-no-repeat bg-cover bg-center"
87- style = { { backgroundImage : "url('img/bg_25.jpg')" } }
88- >
89- < div className = "absolute inset-0 bg-black opacity-50" > </ div >
90- < div className = "z-10 w-full max-w-md p-8 space-y-8 bg-white rounded-lg shadow-lg" >
91- < h2 className = "text-3xl font-bold text-center" > Connexion</ h2 >
92-
93- { error && < p className = "text-red-500 text-center" > { error } </ p > }
94-
95- < form onSubmit = { handleLogin } className = "space-y-6" >
96- < div className = "space-y-4" >
97- < div >
98- < label htmlFor = "email" className = "block text-sm font-medium text-gray-700" > Email</ label >
99- < Input
100- type = "email"
101- id = "email"
102- name = "email"
103- value = { formData . email }
104- onChange = { handleChange }
105- ref = { userRef }
106- required
107- />
108- </ div >
109- < div >
110- < label htmlFor = "password" className = "block text-sm font-medium text-gray-700" > Mot de passe</ label >
111- < Input
112- type = "password"
113- id = "password"
114- name = "password"
115- value = { formData . password }
116- onChange = { handleChange }
117- required
118- />
119- </ div >
85+ < div
86+ className = "relative min-h-screen flex items-center justify-center bg-no-repeat bg-cover bg-center"
87+ style = { { backgroundImage : "url('img/bg_25.jpg')" } }
88+ >
89+ < div className = "absolute inset-0 bg-black opacity-50" > </ div >
90+ < div className = "z-10 w-full max-w-md p-8 space-y-8 bg-white rounded-lg shadow-lg" >
91+ < h2 className = "text-3xl font-bold text-center" > Connexion</ h2 >
92+
93+ { error && < p className = "text-red-500 text-center" > { error } </ p > }
94+
95+ < form onSubmit = { handleLogin } className = "space-y-6" >
96+ < div className = "space-y-4" >
97+ < div >
98+ < label htmlFor = "email" className = "block text-sm font-medium text-gray-700" > Email</ label >
99+ < Input
100+ type = "email"
101+ id = "email"
102+ name = "email"
103+ value = { formData . email }
104+ onChange = { handleChange }
105+ ref = { userRef }
106+ required
107+ />
120108 </ div >
121-
122- < div className = "flex flex-col gap-4" >
123- < Button type = "submit" className = "w-full py-2 bg-blue-600 text-white hover:bg-blue-700 transition" >
124- Connexion
125- </ Button >
126-
127- < Button
128- type = "button"
129- className = "w-full py-2 bg-blue-900 text-white hover:bg-gray-700 transition"
130- onClick = { UTT_Connexion }
131- >
132- Connexion Étudiant UTT (CAS)
133- </ Button >
134- < Button
135- type = "button"
136- className = "w-full py-2 bg-gray-200 text-gray-800 hover:bg-gray-300 transition"
137- onClick = { handlePasswordReset }
138- >
139- Mot de passe oublié ?
140- </ Button >
141-
142- < p className = "text-center text-sm text-gray-500" >
143- ✉️ Tu es un nouveau ? Vérifie ton mail pour activer ton compte.
144- </ p >
109+ < div >
110+ < label htmlFor = "password" className = "block text-sm font-medium text-gray-700" > Mot de passe</ label >
111+ < Input
112+ type = "password"
113+ id = "password"
114+ name = "password"
115+ value = { formData . password }
116+ onChange = { handleChange }
117+ required
118+ />
145119 </ div >
146- </ form >
147- </ div >
120+ </ div >
121+
122+ < div className = "flex flex-col gap-4" >
123+ < Button type = "submit" className = "w-full py-2 bg-blue-600 text-white hover:bg-blue-700 transition" >
124+ Connexion - Nouveau
125+ </ Button >
126+
127+ < Button
128+ type = "button"
129+ className = "w-full py-2 bg-gray-200 text-gray-800 hover:bg-gray-300 transition"
130+ onClick = { handlePasswordReset }
131+ >
132+ Mot de passe oublié ?
133+ </ Button >
134+
135+ < p className = "text-center text-sm text-gray-500" >
136+ ✉️ Nouveau ? Ton compte se crée via < strong > login + mot de passe</ strong > .
137+ Vérifie ton mail pour l’activer.
138+ </ p >
139+ </ div >
140+
141+ { /* Bouton CAS placé en bas avec précision */ }
142+ < div className = "pt-4 border-t border-gray-200" >
143+ < Button
144+ type = "button"
145+ className = "w-full py-2 bg-blue-900 text-white hover:bg-gray-700 transition"
146+ onClick = { UTT_Connexion }
147+ >
148+ Connexion CAS – Orga / CE
149+ </ Button >
150+ </ div >
151+ </ form >
148152 </ div >
149- ) ;
153+ </ div >
154+ ) ;
150155}
0 commit comments