import Link from 'next/link';
import { Logo } from './Logo';
import { currentUser } from '@/lib/auth';
/** Haritanın üzerinde iki düz blok: solda işaret, sağda bağlantılar. */
export async function SiteHeader() {
  const u = await currentUser().catch(() => null);
  return (
    <header className="pointer-events-none absolute inset-x-0 top-0 z-30 flex items-start justify-between gap-2 p-3 md:p-6">
      <div className="pointer-events-auto bg-white px-3 py-2.5"><span className="hidden md:inline"><Logo sub /></span><span className="md:hidden"><Logo /></span></div>
      <nav className="pointer-events-auto flex items-stretch whitespace-nowrap bg-ink text-[13.5px] font-semibold text-white">
        <Link href="/#rota" className="hidden px-3 py-3 hover:bg-ink-2 lg:block">Rota</Link>
        <Link href="/ornekler" className="hidden px-3 py-3 hover:bg-ink-2 md:block">Örnekler</Link>
        <Link href="/#fiyatlar" className="hidden px-3 py-3 hover:bg-ink-2 md:block">Fiyatlar</Link>
        <Link href="/#sss" className="hidden px-3 py-3 hover:bg-ink-2 lg:block">Sorular</Link>
        {u ? <Link href="/panel" className="bg-signal px-4 py-3 text-ink">Panelim</Link> : (<>
          <Link href="/giris" className="px-3 py-3 hover:bg-ink-2">Giriş</Link>
          <Link href="/kayit" className="bg-signal px-4 py-3 text-ink">Hesap aç</Link>
        </>)}
      </nav>
    </header>
  );
}