import {listFestivals} from "@/lib/festivals";
import {FestivalCard} from "@/components/Card";
import {useTranslations} from "next-intl";

export default function Calendar({params}:{params:{locale:string}}) {
  const t = useTranslations();
  const all = listFestivals(params.locale).slice()
    .sort((a,b) => new Date(a.startDate).getTime() - new Date(b.startDate).getTime());

  return (
    <div className="space-y-6">
      <h1 className="text-3xl font-semibold">{t("calendar.title")}</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
        {all.map(f => (
          <FestivalCard key={f.slug} locale={params.locale} slug={f.slug}
            title={f.title} country={f.country} city={f.city}
            startDate={f.startDate} endDate={f.endDate} summary={f.summary} cover={f.cover}
          />
        ))}
      </div>
    </div>
  );
}