Add Event Management section to admin page, allowing users to manage events alongside preferences and user management. Updated UI to include event button and corresponding display area.

app/admin/page.tsx

@@ -6,6 +6,7 @@ import { useRouter } from "next/navigation";
 import Navigation from "@/components/Navigation";
 import ImageSelector from "@/components/ImageSelector";
 import UserManagement from "@/components/UserManagement";
+import EventManagement from "@/components/EventManagement";
 
 interface SitePreferences {
   id: string;
@@ -14,7 +15,7 @@ interface SitePreferences {
   leaderboardBackground: string | null;
 }
 
-type AdminSection = "preferences" | "users";
+type AdminSection = "preferences" | "users" | "events";
 
 export default function AdminPage() {
   const { data: session, status } = useSession();
@@ -143,6 +144,16 @@ export default function AdminPage() {
             >
               Utilisateurs
             </button>
+            <button
+              onClick={() => setActiveSection("events")}
+              className={`px-6 py-3 border uppercase text-xs tracking-widest rounded transition ${
+                activeSection === "events"
+                  ? "border-pixel-gold bg-pixel-gold/10 text-pixel-gold"
+                  : "border-pixel-gold/30 bg-black/60 text-gray-400 hover:border-pixel-gold/50"
+              }`}
+            >
+              Événements
+            </button>
           </div>
 
           {activeSection === "preferences" && (
@@ -245,6 +256,15 @@ export default function AdminPage() {
               <UserManagement />
             </div>
           )}
+
+          {activeSection === "events" && (
+            <div className="bg-black/80 border border-pixel-gold/30 rounded-lg p-6 backdrop-blur-sm">
+              <h2 className="text-2xl font-gaming font-bold mb-6 text-pixel-gold">
+                Gestion des Événements
+              </h2>
+              <EventManagement />
+            </div>
+          )}
         </div>
       </section>
     </main>

app/api/admin/events/[id]/route.ts

@@ -0,0 +1,116 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { Role, EventType, EventStatus } from "@/prisma/generated/prisma/client";
+
+export async function PUT(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+
+    if (!session?.user || session.user.role !== Role.ADMIN) {
+      return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+    const { date, name, description, type, status } = body;
+
+    // Vérifier que l'événement existe
+    const existingEvent = await prisma.event.findUnique({
+      where: { id },
+    });
+
+    if (!existingEvent) {
+      return NextResponse.json(
+        { error: "Événement non trouvé" },
+        { status: 404 }
+      );
+    }
+
+    const updateData: {
+      date?: string;
+      name?: string;
+      description?: string;
+      type?: EventType;
+      status?: EventStatus;
+    } = {};
+
+    if (date !== undefined) updateData.date = date;
+    if (name !== undefined) updateData.name = name;
+    if (description !== undefined) updateData.description = description;
+    if (type !== undefined) {
+      if (!Object.values(EventType).includes(type)) {
+        return NextResponse.json(
+          { error: "Type d'événement invalide" },
+          { status: 400 }
+        );
+      }
+      updateData.type = type as EventType;
+    }
+    if (status !== undefined) {
+      if (!Object.values(EventStatus).includes(status)) {
+        return NextResponse.json(
+          { error: "Statut d'événement invalide" },
+          { status: 400 }
+        );
+      }
+      updateData.status = status as EventStatus;
+    }
+
+    const event = await prisma.event.update({
+      where: { id },
+      data: updateData,
+    });
+
+    return NextResponse.json(event);
+  } catch (error) {
+    console.error("Error updating event:", error);
+    return NextResponse.json(
+      { error: "Erreur lors de la mise à jour de l'événement" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function DELETE(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+
+    if (!session?.user || session.user.role !== Role.ADMIN) {
+      return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+    }
+
+    const { id } = await params;
+
+    // Vérifier que l'événement existe
+    const existingEvent = await prisma.event.findUnique({
+      where: { id },
+    });
+
+    if (!existingEvent) {
+      return NextResponse.json(
+        { error: "Événement non trouvé" },
+        { status: 404 }
+      );
+    }
+
+    await prisma.event.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting event:", error);
+    return NextResponse.json(
+      { error: "Erreur lors de la suppression de l'événement" },
+      { status: 500 }
+    );
+  }
+}
+

app/api/admin/events/route.ts

@@ -0,0 +1,82 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { Role, EventType, EventStatus } from "@/prisma/generated/prisma/client";
+
+export async function GET() {
+  try {
+    const session = await auth();
+
+    if (!session?.user || session.user.role !== Role.ADMIN) {
+      return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+    }
+
+    const events = await prisma.event.findMany({
+      orderBy: {
+        date: "asc",
+      },
+    });
+
+    return NextResponse.json(events);
+  } catch (error) {
+    console.error("Error fetching events:", error);
+    return NextResponse.json(
+      { error: "Erreur lors de la récupération des événements" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(request: Request) {
+  try {
+    const session = await auth();
+
+    if (!session?.user || session.user.role !== Role.ADMIN) {
+      return NextResponse.json({ error: "Accès refusé" }, { status: 403 });
+    }
+
+    const body = await request.json();
+    const { date, name, description, type, status } = body;
+
+    if (!date || !name || !description || !type || !status) {
+      return NextResponse.json(
+        { error: "Tous les champs sont requis" },
+        { status: 400 }
+      );
+    }
+
+    // Valider les enums
+    if (!Object.values(EventType).includes(type)) {
+      return NextResponse.json(
+        { error: "Type d'événement invalide" },
+        { status: 400 }
+      );
+    }
+
+    if (!Object.values(EventStatus).includes(status)) {
+      return NextResponse.json(
+        { error: "Statut d'événement invalide" },
+        { status: 400 }
+      );
+    }
+
+    const event = await prisma.event.create({
+      data: {
+        date,
+        name,
+        description,
+        type: type as EventType,
+        status: status as EventStatus,
+      },
+    });
+
+    return NextResponse.json(event);
+  } catch (error) {
+    console.error("Error creating event:", error);
+    return NextResponse.json(
+      { error: "Erreur lors de la création de l'événement" },
+      { status: 500 }
+    );
+  }
+}
+