"use client";

import Link from "next/link";
import { ArrowRight } from "lucide-react";
import { Button } from "@/components/ui/button";
import { useTercihProfili } from "@/features/liste/hooks/use-tercih-profili";
import { sonucHref } from "@/features/sihirbaz/sihirbaz-sabitler";

export function HeroFocusButton() {
  function handleClick() {
    const input = document.getElementById("siralama");

    if (input instanceof HTMLInputElement) {
      input.focus({ preventScroll: true });
    }

    window.scrollTo({ top: 0, behavior: "smooth" });
  }

  return (
    <Button
      type="button"
      size="lg"
      onClick={handleClick}
      className="mt-8 cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
    >
      Ücretsiz dene
    </Button>
  );
}

/**
 * Ana sayfanın kapanış CTA'sı: kayıtlı tercih profili olan adaya
 * "sıralamanı gir" demek yerine doğrudan sonuç sayfasına götürür.
 * Profil yoksa mevcut davranış — hero'daki sıralama formuna odaklanır.
 */
export function KapanisCta() {
  const profil = useTercihProfili();

  if (profil) {
    return (
      <>
        <p className="mt-4 max-w-xl text-lg leading-relaxed text-white/90">
          Sıralaman kayıtlı — yapay zekâ danışmanın veriyle konuşsun. Tercih
          dönemi bitmeden yerini al.
        </p>
        <Button
          asChild
          size="lg"
          className="mt-8 cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
        >
          <Link href={sonucHref(profil)}>
            Üniversitelere göz at
            <ArrowRight className="size-4" aria-hidden />
          </Link>
        </Button>
      </>
    );
  }

  return (
    <>
      <p className="mt-4 max-w-xl text-lg leading-relaxed text-white/90">
        Sıralamanı gir, yapay zekâ danışmanın veriyle konuşsun. Tercih dönemi
        bitmeden yerini al.
      </p>
      <HeroFocusButton />
    </>
  );
}
