---
import EmployeePortal from '../components/pages/EmployeePortal.astro';
import BaseLayout from './BaseLayout.astro';
import FormShell from '../components/FormShell.astro';
import TeamPage from '../components/pages/TeamPage.astro';
import AboutPage from '../components/pages/AboutPage.astro';
import ServicesPage from '../components/pages/ServicesPage.astro';
import CareersPage from '../components/pages/CareersPage.astro';
import ContactPage from '../components/pages/ContactPage.astro';
import OpenStreetMap from '../components/OpenStreetMap.astro';
import FaqPage from '../components/pages/FaqPage.astro';
import InsurancePage from '../components/pages/InsurancePage.astro';
import PageHero from '../components/PageHero.astro';
import ServiceInquiryDrawer from '../components/ServiceInquiryDrawer.astro';
import { pageHeroImages } from '../data/page-visuals';
const { entry } = Astro.props;
const showForm = ['client-consultation', 'schedule-consultation'].includes(entry.data.slug);
const serviceTitles: Record<string, Record<string, string>> = {
  en: {
    'aba-therapy': 'Behavioral',
    'autism-evaluations': 'Psychological',
    'learner-social-club': 'Sociological'
  },
  es: {
    'aba-therapy': 'Conductual',
    'autism-evaluations': 'Psicológicos',
    'learner-social-club': 'Sociológico'
  }
};
const pageTitles: Record<string, Record<string, string>> = {
  en: {
    'aba-therapy-intake-process': 'Learner Intake Process',
    about: 'About AIA',
    careers: 'Employment Opportunities',
    'client-consultation': 'Schedule Your Free Consultation',
    'client-forms': 'Client Forms',
    contact: 'Contact AIA',
    'donate-autism-giveback': 'Giveback & Donate',
    'employee-portal': 'Employee Portal',
    faqs: 'ABA Therapy Helpline',
    insurance: 'Insurance Guide',
    'privacy-policy': 'Privacy Policy',
    referrals: 'Physician & Insurer Referrals',
    'schedule-consultation': 'Reach Out for Your Free Consultation',
    services: 'ABA & Educational Services',
    team: 'Meet the Team',
    tour: 'Schedule a Guided Tour'
  },
  es: {
    'aba-therapy-intake-process': 'Proceso de admisión de estudiantes',
    'client-consultation': 'Programa tu consulta gratuita',
    contact: 'Contactar a AIA',
    services: 'Servicios ABA y Educativos'
  }
};
const bannerTitle = serviceTitles[entry.data.lang]?.[entry.data.slug] || pageTitles[entry.data.lang]?.[entry.data.slug] || entry.data.title.split('|')[0].trim();
const isService = Boolean(serviceTitles[entry.data.lang]?.[entry.data.slug]);
const route = entry.data.lang === 'en' ? `/${entry.data.slug}` : `/${entry.data.lang}/${entry.data.slug}`;
const isTour = entry.data.lang === 'en' && entry.data.slug === 'tour';
const heroImage = pageHeroImages[entry.data.slug];
if (entry.data.slug === 'team' && entry.data.lang === 'en' && !entry.data.team) {
  throw new Error('The English Team page requires structured team frontmatter.');
}
---
<BaseLayout title={entry.data.title} description={entry.data.description} image={entry.data.featuredImage || heroImage} lang={entry.data.lang}>
  {(entry.data.slug === 'contact' || isTour) && <Fragment slot="head"><link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /></Fragment>}
  <PageHero title={entry.data.displayH1 ?? bannerTitle} subtitle={entry.data.slug === 'faqs' ? 'FAQs' : undefined} image={heroImage} constrain />
  {entry.data.slug === 'team' && entry.data.lang === 'en'
    ? <TeamPage content={entry.data.team!} />
    : entry.data.slug === 'employee-portal' && entry.data.lang === 'en'
    ? <EmployeePortal />
    : entry.data.slug === 'about' && entry.data.lang === 'en'
    ? <AboutPage />
    : entry.data.slug === 'services' && entry.data.lang === 'en'
    ? <ServicesPage />
    : entry.data.slug === 'careers' && entry.data.lang === 'en'
    ? <CareersPage />
    : entry.data.slug === 'faqs' && entry.data.lang === 'en'
    ? <FaqPage><slot /></FaqPage>
    : entry.data.slug === 'insurance' && entry.data.lang === 'en'
    ? <InsurancePage><slot /></InsurancePage>
    : entry.data.slug === 'donate-autism-giveback' && entry.data.lang === 'en'
    ? <slot />
    : entry.data.slug === 'contact'
    ? <ContactPage title={bannerTitle} lang={entry.data.lang}><slot /></ContactPage>
    : <article class:list={['prose', 'source-page', 'container', { 'service-page': isService }]}><slot /></article>}
  {isTour && <OpenStreetMap lang={entry.data.lang} />}
  {isService && (entry.data.lang === 'en' || entry.data.lang === 'es') && <ServiceInquiryDrawer service={entry.data.slug} lang={entry.data.lang} route={route} />}
  {showForm && <FormShell lang={entry.data.lang} route={route} title={bannerTitle} logicalForm="service" showBackground={entry.data.slug === 'client-consultation'} />}
</BaseLayout>