import { redirect } from "next/navigation";
import Link from "next/link";
import { getSession } from "@/lib/auth/session";
import { SignOutButton } from "@/components/sign-out-button";
import { AnimatedSection } from "@/components/animated-section";
import { SiteFooter } from "@/components/site-footer";
import { SiteBreadcrumbs } from "@/components/site-breadcrumbs";

export default async function PanelLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = await getSession();
  if (!session?.user) redirect("/login?callbackUrl=/panel");

  return (
    <div className="min-h-screen flex flex-col">
      <header className="border-b">
        <div className="container mx-auto px-4 py-4 flex justify-between items-center">
          <Link href="/panel" className="font-bold">
            پنل کاربری
          </Link>
          <nav className="flex gap-4 items-center">
            <Link href="/" className="hover:underline">صفحه اصلی</Link>
            <Link href="/panel/readings">فال‌های من</Link>
            <Link href="/reading">فال جدید</Link>
            <span className="text-sm text-muted-foreground">{session.user.phone}</span>
            <SignOutButton />
          </nav>
        </div>
      </header>
      <SiteBreadcrumbs />
      <main className="flex-1 container mx-auto px-4 py-8">
        <AnimatedSection>{children}</AnimatedSection>
      </main>
      <SiteFooter />
    </div>
  );
}