import type { Metadata } from "next";
import Link from "next/link";
import { Truck } from "lucide-react";
import { LangSwitcher } from "@/features/auth/lang-switcher";

export const metadata: Metadata = {
  robots: { index: false, follow: false },
};

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="relative flex min-h-screen flex-col">
      <div className="pointer-events-none absolute inset-0 overflow-hidden">
        <div className="absolute -start-40 -top-40 h-96 w-96 rounded-full bg-primary-soft blur-3xl" />
        <div className="absolute -bottom-48 -end-40 h-[28rem] w-[28rem] rounded-full bg-accent-soft blur-3xl" />
      </div>
      <header className="relative flex items-center justify-between px-6 py-5 sm:px-10">
        <Link href="/" className="flex items-center gap-2.5">
          <span className="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-primary to-primary-hover text-primary-foreground shadow-sm">
            <Truck className="h-4.5 w-4.5" strokeWidth={2.2} aria-hidden />
          </span>
          <span className="text-sm font-bold tracking-wide text-primary">Kapitano</span>
        </Link>
        <LangSwitcher />
      </header>
      <main className="relative flex flex-1 items-center justify-center px-4 py-10">
        <div className="w-full max-w-md">{children}</div>
      </main>
      <footer className="relative pb-6 text-center text-xs text-muted-foreground">
        © {new Date().getFullYear()} Kapitano Logistics
      </footer>
    </div>
  );
}