diff --git a/src/routes/login/+page.server.ts b/src/routes/login/+page.server.ts
new file mode 100644
index 0000000..6ee5d54
--- /dev/null
+++ b/src/routes/login/+page.server.ts
@@ -0,0 +1,68 @@
+import { fail, redirect } from '@sveltejs/kit';
+import type { Actions } from './$types';
+import type { PageServerLoad } from './$types';
+import { auth } from '$lib/server/auth';
+import { APIError } from 'better-auth/api';
+
+export const load: PageServerLoad = async (event) => {
+ if (event.locals.user) {
+ return redirect(302, '/');
+ }
+ return {};
+};
+
+export const actions: Actions = {
+ signInEmail: async (event) => {
+ const formData = await event.request.formData();
+ const email = formData.get('email')?.toString() ?? '';
+ const password = formData.get('password')?.toString() ?? '';
+
+ try {
+ await auth.api.signInEmail({
+ body: {
+ email,
+ password,
+ callbackURL: '/auth/verification-success'
+ }
+ });
+ } catch (error) {
+ if (error instanceof APIError) {
+ return fail(400, { message: error.message || 'Signin failed' });
+ }
+ return fail(500, { message: 'Unexpected error' });
+ }
+
+ return redirect(302, '/');
+ },
+ signUpEmail: async (event) => {
+ const formData = await event.request.formData();
+ const email = formData.get('email')?.toString() ?? '';
+ const password = formData.get('password')?.toString() ?? '';
+ const name = formData.get('name')?.toString() ?? '';
+
+ try {
+ await auth.api.signUpEmail({
+ body: {
+ email,
+ password,
+ name,
+ callbackURL: '/auth/verification-success'
+ }
+ });
+ } catch (error) {
+ if (error instanceof APIError) {
+ return fail(400, { message: error.message || 'Registration failed' });
+ }
+ return fail(500, { message: 'Unexpected error' });
+ }
+
+ return redirect(302, '/');
+ },
+ logout: async (event) => {
+ await auth.api.signOut({
+ headers: event.request.headers
+ });
+
+ return redirect(302, '/');
+ }
+};
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..be7a465
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,151 @@
+
+
+
+ OnePieceDle - {isSignUp ? 'Inscription' : 'Connexion'}
+
+
+
+
+
+
+
+
+
+
+
+ OnePieceDle
+
+
+ {isSignUp ? 'Créer votre compte' : 'Bienvenue, pirate'}
+
+
+
+
+
+
+
+
+
+
+ {isSignUp ? 'Vous avez déjà un compte ?' : "Vous n'avez pas de compte ?"}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/profile/+page.server.ts b/src/routes/profile/+page.server.ts
new file mode 100644
index 0000000..38d0c0e
--- /dev/null
+++ b/src/routes/profile/+page.server.ts
@@ -0,0 +1,119 @@
+import { fail, redirect } from '@sveltejs/kit';
+import type { Actions, PageServerLoad } from './$types';
+import { auth } from '$lib/server/auth';
+import { db } from '$lib/server/db';
+import { session } from '$lib/server/db/auth.schema';
+import { eq } from 'drizzle-orm';
+import { APIError } from 'better-auth/api';
+
+export const load: PageServerLoad = async (event) => {
+ if (!event.locals.user) {
+ return redirect(302, '/login');
+ }
+
+ // Fetch all sessions for this user
+ const userSessions = await db
+ .select()
+ .from(session)
+ .where(eq(session.userId, event.locals.user.id));
+
+ return {
+ user: event.locals.user,
+ sessions: userSessions
+ };
+};
+
+export const actions: Actions = {
+ updateProfile: async (event) => {
+ if (!event.locals.user) {
+ return redirect(302, '/login');
+ }
+
+ const formData = await event.request.formData();
+ const name = formData.get('name')?.toString() ?? '';
+
+ if (!name.trim()) {
+ return fail(400, { message: 'Le nom ne peut pas être vide' });
+ }
+
+ try {
+ await auth.api.updateUser({
+ body: {
+ name: name.trim()
+ },
+ headers: event.request.headers
+ });
+ } catch (error) {
+ if (error instanceof APIError) {
+ return fail(400, { message: error.message || 'Erreur lors de la mise à jour' });
+ }
+ return fail(500, { message: 'Erreur inattendue' });
+ }
+
+ return { success: true };
+ },
+ changePassword: async (event) => {
+ if (!event.locals.user) {
+ return redirect(302, '/login');
+ }
+
+ const formData = await event.request.formData();
+ const oldPassword = formData.get('oldPassword')?.toString() ?? '';
+ const newPassword = formData.get('newPassword')?.toString() ?? '';
+ const confirmPassword = formData.get('confirmPassword')?.toString() ?? '';
+
+ if (!oldPassword.trim()) {
+ return fail(400, { message: 'Le mot de passe actuel est requis' });
+ }
+
+ if (!newPassword.trim()) {
+ return fail(400, { message: 'Le nouveau mot de passe est requis' });
+ }
+
+ if (newPassword !== confirmPassword) {
+ return fail(400, { message: 'Les mots de passe ne correspondent pas' });
+ }
+
+ if (newPassword.length < 8) {
+ return fail(400, { message: 'Le mot de passe doit contenir au moins 8 caractères' });
+ }
+
+ try {
+ await auth.api.changePassword({
+ body: {
+ currentPassword: oldPassword,
+ newPassword
+ },
+ headers: event.request.headers
+ });
+ } catch (error) {
+ if (error instanceof APIError) {
+ return fail(400, { message: error.message || 'Erreur lors du changement de mot de passe' });
+ }
+ return fail(500, { message: 'Erreur inattendue' });
+ }
+
+ return { success: true };
+ },
+ revokeSession: async (event) => {
+ if (!event.locals.user) {
+ return redirect(302, '/login');
+ }
+
+ const formData = await event.request.formData();
+ const sessionId = formData.get('sessionId')?.toString() ?? '';
+
+ if (!sessionId) {
+ return fail(400, { message: 'ID de session manquant' });
+ }
+
+ try {
+ // Delete the session from database
+ await db.delete(session).where(eq(session.id, sessionId));
+ } catch (error) {
+ return fail(500, { message: 'Erreur lors de la révocation de la session' });
+ }
+
+ return { success: true, message: 'Session révoquée avec succès' };
+ }
+};
diff --git a/src/routes/profile/+page.svelte b/src/routes/profile/+page.svelte
new file mode 100644
index 0000000..47317dd
--- /dev/null
+++ b/src/routes/profile/+page.svelte
@@ -0,0 +1,334 @@
+
+
+
+ Mon Profil - OnePieceDle
+
+
+
+
+
+
+
+
+
+
+
+ Mon Profil
+
+
+ Modifie les informations de ton profil
+
+
+
+
+
+
+
+
+
+
+
+ {#if activeTab === 'profile'}
+
+
+
+ {#if data.user.image}
+ 
+ {:else}
+
+ {data.user.name?.charAt(0).toUpperCase() || 'U'}
+
+ {/if}
+
+ Email
+ {data.user.email}
+
+
+
+
+
+
+ {/if}
+
+
+ {#if activeTab === 'password'}
+
+
+ Changer le mot de passe
+
+
+
+
+
+ {/if}
+
+
+ {#if activeTab === 'sessions'}
+
+
+ Sessions actives
+
+
+ {#if sessions.length === 0}
+ Aucune session active
+ {:else}
+
+ {#each sessions as sess}
+
+
+
+ {sess.userAgent || 'Appareil inconnu'}
+
+
+ IP: {sess.ipAddress || 'Inconnue'}
+
+
+ Créée: {new Date(sess.createdAt).toLocaleDateString('fr-FR', {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric',
+ hour: '2-digit',
+ minute: '2-digit'
+ })}
+
+
+
+
+ {/each}
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + OnePieceDle +
++ {isSignUp ? 'Créer votre compte' : 'Bienvenue, pirate'} +
+
+
+
+
+
+
+
+
+
+
+ + {isSignUp ? 'Vous avez déjà un compte ?' : "Vous n'avez pas de compte ?"} + +
+
+
+
+
+
+
+
+
+
+ + Mon Profil +
++ Modifie les informations de ton profil +
+
+
+
+
+
+
+
+ {#if activeTab === 'profile'}
+
+
+
+ {/if}
+
+
+ {#if activeTab === 'password'}
+
+ {#if data.user.image}
+
+ {:else}
+
+
+
+
+
+ {data.user.name?.charAt(0).toUpperCase() || 'U'}
+
+ {/if}
+
+ Email
+
+ {data.user.email}
+
+
+ {/if}
+
+
+ {#if activeTab === 'sessions'}
+ + Changer le mot de passe +
+ + + +
+
+ {/if}
+
+
+
+ + Sessions actives +
+ + {#if sessions.length === 0} +Aucune session active
+ {:else} +
+ {#each sessions as sess}
+
+ {/if}
+
+
+ {/each}
+
+
+
+ + {sess.userAgent || 'Appareil inconnu'} +
++ IP: {sess.ipAddress || 'Inconnue'} +
++ Créée: {new Date(sess.createdAt).toLocaleDateString('fr-FR', { + year: 'numeric', + month: 'long', + day: 'numeric', + hour: '2-digit', + minute: '2-digit' + })} +
+