import { QuoteCard } from "@/components/quote-card";
import { Messages } from "@/components/messages";
import { Podcast } from "@/components/podcast";
import { CalendarWidget } from "@/components/calendar-widget";
import { News } from "@/components/news";
import { Todo } from "@/components/todo";
import { getServerSession } from "next-auth/next";
import { authOptions } from "./api/auth/[...nextauth]/route";
import { Clock } from "@/components/ui/Clock";

export const metadata = {
  title: "Enkun - Dashboard",
};

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

  return (
    <div>
      <div className='container mx-auto p-4'>
        <div className='flex justify-between items-center align-middle mb-6 alig'>
          {session?.user && (
            <h1 className='text-2xl font-bold'>
              Bienvenue, {session.user.first_name} !
            </h1>
          )}
          <Clock />
        </div>
        <div className='grid grid-cols-12 gap-4'>
          <div className='col-span-3'>
            <QuoteCard />
            <div className='mt-4'>
              <News />
            </div>
          </div>
          <div className='col-span-6'>
            <Messages />
          </div>
          <div className='col-span-3 space-y-4'>
            <Podcast />
            <Todo />
          </div>
        </div>
      </div>
    </div>
  );
}