import HeroCarousel from "@/components/home/HeroCarousel";
import { getSlides } from "@/lib/api/slides";
import type { Slide } from "@/types/slide";

const SLIDE_REPLI: Slide = {
  id: -1,
  titre: "Le Bénin mérite mieux que le plastique.",
  sousTitre: "Chaque jour, 1 000 000 sachets plastiques envahissent notre quotidien. Pubago a décidé que ça change.",
  imageUrl: "/uploads/produits/sac-avec-manche.jpg",
  ordre: 1,
  actif: true,
  ctaPrimaireLabel: "Découvrir nos sacs",
  ctaPrimaireLien: "/nos-sacs",
  ctaSecondaireLabel: "Réserver un espace pub",
  ctaSecondaireLien: "/espace-pub",
};

async function chargerSlides(): Promise<Slide[]> {
  try {
    const slides = await getSlides();
    const actifs = slides.filter((s) => s.actif).sort((a, b) => a.ordre - b.ordre);
    return actifs.length > 0 ? actifs : [SLIDE_REPLI];
  } catch {
    return [SLIDE_REPLI];
  }
}

export default async function Hero() {
  const slides = await chargerSlides();

  return <HeroCarousel slides={slides} />;
}