import { prisma } from "@/lib/prisma";
import AdminPromosClient from "@/components/AdminPromosClient";
import { ImageIcon } from "lucide-react";

export default async function AdminPromosPage() {
  const promos = await prisma.promo.findMany({
    orderBy: [{ order: "asc" }, { createdAt: "asc" }],
  });

  return (
    <div>
      <div className="flex items-center gap-3 mb-6">
        <ImageIcon className="text-neon-blue w-7 h-7" />
        <h1 className="text-3xl font-bold">Gestión de Promociones</h1>
      </div>
      <p className="text-sm text-gray-400 mb-8">
        Aquí puedes crear, editar, ocultar o eliminar las promociones que aparecen en la página principal. Cada promo tiene título, descripción, foto y fecha del sorteo.
      </p>
      <AdminPromosClient initialPromos={promos} />
    </div>
  );
}