---
import BaseLayout from '../layouts/BaseLayout.astro';
import PageShell from '../components/PageShell.astro';
import Section from '../components/Section.astro';
import Container from '../components/Container.astro';
import LocalHero from '../components/LocalHero.astro';
import EntityGrid from '../components/EntityGrid.astro';
import ServiceCard from '../components/ServiceCard.astro';
import ContactBlock from '../components/ContactBlock.astro';
import HoursBlock from '../components/HoursBlock.astro';

import brief from '../../examples/brief-local-business.json';
import { validateBrief } from '../renderer/validate-brief';
import { selectSections } from '../renderer/select-sections';
import { mapToComponents } from '../renderer/map-to-components';

validateBrief(brief);

const sections = selectSections(brief);
const data = mapToComponents(brief, sections);

const pageTitle = brief.common.business_name;
const pageDescription = brief.common.description;
const language = brief.common.language;
---
<BaseLayout language={language} title={pageTitle} description={pageDescription}>
  <PageShell businessName={brief.common.business_name} contacts={brief.contacts} language={language}>
    {sections.includes('hero') && data.hero && (
      <LocalHero
        headline={data.hero.headline}
        subheadline={data.hero.subheadline}
        primaryCta={data.hero.primaryCta}
        heroImage={data.hero.heroImage}
      />
    )}

    {sections.includes('services') && data.services && (
      <Section id="services" title="Servizi">
        <Container>
          <EntityGrid emptyMessage="Nessun servizio disponibile">
            {data.services.items.map((service) => (
              <ServiceCard title={service.title} description={service.description} />
            ))}
          </EntityGrid>
        </Container>
      </Section>
    )}

    {sections.includes('hours') && data.hours && (
      <Section id="hours" title="Orari" variant="tinted">
        <Container>
          <HoursBlock schedule={data.hours.schedule} />
        </Container>
      </Section>
    )}

    {sections.includes('contact') && data.contact && (
      <Section id="contact" title="Contatti">
        <Container>
          <ContactBlock items={data.contact.items} />
        </Container>
      </Section>
    )}
  </PageShell>
</BaseLayout>