import type { Metadata } from "next";
import BrushStroke from "@/components/ui/BrushStroke";
import EventCard from "@/components/ui/EventCard";
import { getAllEvents } from "@/lib/data";
import { siteConfig } from "@/lib/site-config";

export const metadata: Metadata = {
  title: "Termine & Anlässe",
  description: "Prüfungen, Lehrgänge und Anlässe des JKA-Karateclub Arbon.",
};

export default async function TerminePage() {
  const events = await getAllEvents();

  return (
    <div className="mx-auto max-w-content px-6 py-section">
      <h1 className="font-display text-section-title leading-tight text-secondary">Termine &amp; Anlässe</h1>
      <BrushStroke />
      <p className="max-w-2xl text-base leading-relaxed text-gray-700">
        Ob Gürtelprüfung, Lehrgang oder Anlass — hier würden wir Termine ankündigen, sobald welche feststehen.
      </p>

      {events.length > 0 ? (
        <div className="mt-10 grid gap-6 md:grid-cols-2 lg:grid-cols-3">
          {events.map((e) => (
            <EventCard key={e.id} event={e} />
          ))}
        </div>
      ) : (
        <div className="mt-10 max-w-2xl rounded-lg border border-gray-200 bg-gray-100 p-6 text-sm text-gray-700">
          Aktuell sind keine Termine geplant. Gürtelprüfungen finden laufend statt und werden im Training
          angekündigt — bei Fragen erreichst du uns unter{" "}
          <a href={`mailto:${siteConfig.contact.email}`} className="underline hover:text-primary">
            {siteConfig.contact.email}
          </a>
          .
        </div>
      )}
    </div>
  );
}