import { getServerSession } from 'next-auth';
import { authOptions } from '@/lib/auth';
import { prisma } from '@/lib/prisma';
import NewBookingForm from '@/components/NewBookingForm';
import DashboardSidebar from '@/components/DashboardSidebar';

export default async function NewBookingPage() {
  const session = await getServerSession(authOptions);

  const locations = await prisma.location.findMany({
    where: { active: true },
    include: {
      photoboxes: {
        where: { active: true },
      },
    },
    orderBy: { name: 'asc' },
  });

  return (
    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
      <div className="flex">
        <DashboardSidebar user={session?.user} />
        <main className="flex-1 p-8">
          <NewBookingForm locations={locations} user={session?.user} />
        </main>
      </div>
    </div>
  );
}