import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import { ReactNode } from "react";

export default async function LoginLayout({ children }: { children: ReactNode }) {
    const cookieStore = await cookies();
    const isLoggedIn = cookieStore.get("isLoggedIn");
    const onboarding = cookieStore.get("onboarding");

    if (!onboarding) {
        redirect("/onboarding");
    }

    if (isLoggedIn) {
        redirect("/");
    }

    return (
        <div className="relative min-h-screen w-screen overflow-hidden">
            <div
                className="
                    absolute top-1/2 left-1/2
                    w-[210%] h-[210%]
                    -translate-x-1/2 -translate-y-1/2
                    bg-contain bg-center bg-repeat-x
                    grayscale-60 opacity-20
                    rotate-15
                "
                style={{ backgroundImage: "url('/assets/Onboarding/Ornamen.jpeg')" }}
            />

            <div className="relative z-10 min-h-screen">
                {children}
            </div>
        </div>
    );
}