import ContactForm from "@/components/ContactForm";
import PageHeader from "@/components/PageHeader";
import { getInfosUtiles } from "@/lib/api/info-utile";
import type { InfoUtile } from "@/types/info-utile";
import styles from "./page.module.css";

const INFOS_REPLI: InfoUtile = {
  id: -1,
  telephonePrincipal: "",
  telephoneSecondaire: null,
  numeroWhatsapp: "",
  emailContact: "contact@pubago.com",
  emailCommandes: null,
  adresseSiege: "Cotonou, Bénin",
  zoneCouverture: "Grand Nokoué, Bénin",
  horairesOuverture: "",
  lienGoogleMaps: null,
  lienFacebook: null,
  lienTiktok: null,
  lienInstagram: null,
  lienLinkedin: null,
  lienX: null,
  lienYoutube: null,
  nomPlateforme: "PUBAGO",
  slogan: "De la pub à gogoo !",
  baseline: "sacki.",
  numeroIfu: null,
  numeroRccm: null,
  updatedAt: "",
};

async function chargerInfos(): Promise<InfoUtile> {
  try {
    return await getInfosUtiles();
  } catch {
    return INFOS_REPLI;
  }
}

export default async function ContactPage() {
  const infos = await chargerInfos();

  return (
    <main className={styles.page}>
      <PageHeader
        titre="Contactez-nous"
        sousTitre="Une question, un projet ? Écrivez-nous ou passez directement par WhatsApp."
        fil={[{ label: "Contact" }]}
      />

      <div className={styles.inner}>
        <ContactForm infos={infos} />
      </div>
    </main>
  );
}