"use client";

// İlk ziyarette bir kez görünen çerez bilgilendirmesi. Onay penceresi DEĞİL:
// sitede açık rıza gerektiren çerez yok (zorunlu çerezler + kendi
// sunucumuzdaki ölçüm; bkz. /cerez-politikasi). KVKK Çerez Rehberi (Temmuz
// 2025) §9, veri işleme şartından bağımsız olarak siteye girişte
// bilgilendirme bekliyor; bu bant onu karşılar. Kabul/ret düğmesi yoktur,
// çünkü sorulan bir rıza yoktur — ölçümü kapatma anahtarı politika
// sayfasındadır. Kapatma kalıcıdır (localStorage).

import { useEffect, useState } from "react";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { Button } from "@/components/ui/button";
import { ViewportPortal } from "@/components/viewport-portal";
import { kromGizliMi } from "@/components/header-gate";

const GORULDU_KEY = "kolaytercih.cerez-bilgi";

export function CerezBilgi() {
  const pathname = usePathname();

  // SSR/ilk boyada gizli başla; durum mount'ta okunur.
  const [goruldu, setGoruldu] = useState(true);
  useEffect(() => {
    try {
      // eslint-disable-next-line react-hooks/set-state-in-effect
      setGoruldu(Boolean(localStorage.getItem(GORULDU_KEY)));
    } catch {
      // Depolama kapalıysa "görüldü" saklanamaz; her sayfada çıkmasın.
      setGoruldu(true);
    }
  }, []);

  if (goruldu) return null;
  // Giriş/ödeme gibi kromsuz akışlarda ve politikanın kendisinde gösterilmez.
  if (pathname && kromGizliMi(pathname)) return null;
  if (pathname === "/cerez-politikasi") return null;

  function kapat() {
    setGoruldu(true);
    try {
      localStorage.setItem(GORULDU_KEY, "1");
    } catch {}
  }

  return (
    <ViewportPortal>
      {/* z-45: KaydetBanner'ın (z-40) üstünde, modalların (z-50) altında */}
      <div className="pointer-events-none fixed inset-x-0 bottom-4 z-45 px-4 print:hidden">
        <section
          aria-label="Çerez bilgilendirmesi"
          className="pointer-events-auto mx-auto flex max-w-xl flex-wrap items-center gap-3 rounded-2xl border border-slate-200 bg-card p-4 shadow-xl sm:flex-nowrap sm:gap-4"
        >
          <p className="min-w-0 flex-1 text-sm leading-snug text-slate-700">
            Bu sitede reklam ya da izleme çerezi yok. Yalnız oturumun ve listen
            için gerekli çerezleri ve kendi sunucumuzda çalışan çerezsiz
            ziyaret ölçümünü kullanıyoruz.{" "}
            <Link
              href="/cerez-politikasi"
              onClick={kapat}
              className="font-semibold text-primary underline"
            >
              Ayrıntılar ve ölçümü kapatma
            </Link>
          </p>
          <Button
            type="button"
            variant="outline"
            size="lg"
            onClick={kapat}
            className="w-full cursor-pointer px-6 transition-[background-color,border-color,color,transform] duration-150 hover:border-orange-500 hover:bg-orange-50/60 hover:text-orange-500 active:scale-[0.97] sm:w-auto"
          >
            Tamam
          </Button>
        </section>
      </div>
    </ViewportPortal>
  );
}