import type { Metadata } from "next";
import Link from "next/link";
import { redirect } from "next/navigation";
import { getSession } from "@/lib/session";
import { PixelCorner } from "@/components/pixel-decor";
import { GirisForm } from "./giris-form";
import { GirisBaslik } from "./giris-baslik";

export const metadata: Metadata = {
  title: "Giriş",
  robots: { index: false, follow: true },
};

export default async function GirisPage({
  searchParams,
}: {
  searchParams: Promise<{ callback?: string }>;
}) {
  const { callback } = await searchParams;
  const callbackURL =
    callback && callback.startsWith("/") ? callback : "/";

  const session = await getSession();
  if (session) redirect(callbackURL);

  // Sihirbaz funnel'ı: seçimler yapıldı, listeye giriş kaldı
  const funnel = callbackURL.startsWith("/sonuc");

  return (
    <div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
      <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-5 py-16 sm:px-4">
        <div className="relative">
          <div className="relative rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
            <GirisBaslik funnel={funnel} />
            <p className="mt-2 text-sm text-slate-600">
              {funnel ? (
                <>
                  Seçimlerin hazır — giriş yap,{" "}
                  <span className="font-semibold">5 deneme kredinle</span> listen
                  hemen üretilsin.
                </>
              ) : (
                <>
                  Kayıt olduğunda{" "}
                  <span className="font-semibold">5 deneme kredisi</span>{" "}
                  hesabına tanımlanır — AI danışmana ücretsiz soru sorabilirsin.
                </>
              )}
            </p>
            <GirisForm callbackURL={callbackURL} />
          </div>
          <div
            aria-hidden
            className="pointer-events-none absolute inset-0 z-10 text-primary"
          >
            <PixelCorner className="absolute -right-4 -top-4 size-9 [&_rect]:[fill-opacity:0.65]" />
            <PixelCorner className="absolute -bottom-4 -right-4 size-9 rotate-90 [&_rect]:[fill-opacity:0.65]" />
            <PixelCorner className="absolute -bottom-4 -left-4 size-9 rotate-180 [&_rect]:[fill-opacity:0.65]" />
            <PixelCorner className="absolute -left-4 -top-4 size-9 -rotate-90 [&_rect]:[fill-opacity:0.65]" />
          </div>
        </div>
        <p className="mt-6 text-center text-xs leading-relaxed text-slate-500">
          Giriş yaparak verilerinin tercih önerileri üretmek amacıyla{" "}
          <Link href="/gizlilik" className="underline hover:text-slate-700">
            gizlilik metnindeki
          </Link>{" "}
          gibi işlenmesini ve{" "}
          <Link href="/kosullar" className="underline hover:text-slate-700">
            kullanım koşullarını
          </Link>{" "}
          kabul etmiş olursun. KolayTercih yerleşme garantisi vermez.
        </p>
      </main>
    </div>
  );
}