import type { Metadata } from "next";
import { getCurrentUser } from "@/lib/auth/dal";
import { prisma } from "@/lib/db";
import { resolvePageMetadata } from "@/lib/seo/metadata";
import { ContactForm } from "@/components/contact/ContactForm";

export async function generateMetadata(): Promise<Metadata> {
  return resolvePageMetadata("/iletisim", {
    title: "İletişim",
    description: "Sorularını, önerilerini veya şikayetlerini bize ilet — sana en kısa sürede dönüş yapalım.",
  });
}

export default async function ContactPage() {
  const user = await getCurrentUser();
  const profile = user ? await prisma.profile.findUnique({ where: { userId: user.id } }) : null;

  return (
    <div className="relative overflow-hidden">
      <div className="pointer-events-none absolute -left-40 -top-20 h-[420px] w-[420px] rounded-full bg-[radial-gradient(circle,oklch(85%_0.07_18_/_.4),transparent_70%)]" />

      <div className="relative mx-auto max-w-xl px-6 py-14">
        <div className="fade-up mb-8 text-center">
          <span className="mb-3 inline-block rounded-full bg-gradient-to-r from-accent to-accent-2 px-4 py-1.5 text-[12px] font-extrabold uppercase tracking-wide text-white">
            İletişim
          </span>
          <h1 className="text-[28px]">Bize Ulaş</h1>
          <p className="mt-2 text-[13.5px] text-text-muted">
            Sorun, önerin ya da şikayetin mi var? Formu doldur, en kısa sürede dönüş yapalım.
          </p>
        </div>

        <div className="fade-up fade-up-d1">
          <ContactForm defaultName={profile?.fullName} defaultEmail={user?.email} />
        </div>
      </div>
    </div>
  );
}