/**
 * @file layout.tsx
 * @description Server component layout protecting authenticated routes, verifying user session status, and rendering the responsive application shell structure with global toast notifications.
 */

import { auth } from "@/auth";
import { redirect } from "next/navigation";
import Sidebar from "@/app/components/layout/Sidebar";
import Header from "@/app/components/layout/Header";
import Navbar from "@/app/components/layout/Navbar";
import ErrorToast from "../components/ErrorToast";

/**
 * Renders the protected application layout wrapper.
 * Checks for an active user session and redirects to the login page if unauthenticated.
 *
 * @async
 * @param {Object} props - The component props.
 * @param {React.ReactNode} props.children - The child components or pages to render within the layout.
 * @returns {Promise<JSX.Element>} The rendered application layout structure.
 */
export default async function AppLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = typeof auth === "function" ? await auth() : null;

  if (!session) {
    redirect("/login");
  }

  return (
    <>
      <ErrorToast />
      <div className="hidden md:flex">
        <Sidebar />
      </div>
      <div className="flex-1 flex flex-col min-w-0 overflow-hidden pb-16 md:pb-0">
        <Header />
        <main className="flex-1 overflow-y-auto p-4 md:p-6 lg:p-8">
          {children}
        </main>
        <div className="md:hidden flex">
          <Navbar />
        </div>
      </div>
    </>
  );
}