---
import Layout from '@/layouts/base.astro';
import SubmissionForm from '@/components/submission';
import ShortHero from '@/components/ui/short-hero';
import { getCollection } from 'astro:content';
import { getLocale } from '@/lib/locale';
import general from '../content/settings/general.json';

const locale = getLocale(Astro);

const [soumissionEntry] = await getCollection('soumission', (e) => e.id === `${locale}/main`);
  if (!soumissionEntry) throw new Error(`Missing soumission content for locale: ${locale}`);

const soumission = soumissionEntry.data;
---

<Layout
  title={soumission.title}
  description={`Contactez Cachet Peintres Décorateurs — ${general.phone} — ${general.email}. Nous servons Laval, la Rive-Nord et les environs.`}
  canonical="/soumission"
>
  <ShortHero
    client:load
    content={{  
      title: soumission.title,
      subtitle: soumission.subtitle,
      imageSrc: "/images/empty-room-blue-wall-with-moulding-and-parquet-fl-2023-11-27-04-52-31-utc.webp",
      imageAlt: "Peintres décorateurs au travail",
    }}
  />

 <SubmissionForm
  client:load
  imageSrc="/images/stylish-bedroom-interior-with-double-bed-and-emera-2023-11-27-05-08-37-utc.webp"
  imageAlt="Peintres décorateurs au travail"
  title={soumission.title}
  subtitle={soumission.subtitle}
  form={soumission.form}
  />
</Layout>