---
import { localizedPath } from '../i18n/utils';
import PageLayout from '../layouts/PageLayout.astro';
import PricingTable from '../components/sections/PricingTable.astro';
import CTABand from '../components/sections/CTABand.astro';
import Button from '../components/ui/Button.astro';
import { whatsappLink, whatsappMessage } from '../data/contact';
import { buildLeadFormUrl } from '../data/lead-form';
import { t } from '../i18n/ui';

export const prerender = false;

const lang = Astro.currentLocale === 'en' ? 'en' : 'ar';
const ui = t(lang);
---

<PageLayout locale={lang} title={ui.pricing} breadcrumbs={[{ label: ui.home, href: localizedPath(lang, '') }, { label: ui.pricing }]}>
  <section class="bg-primary py-16 text-white">
    <div class="container-site">
      <h1 class="text-4xl font-bold">{ui.pricing}</h1>
    </div>
  </section>
  <PricingTable locale={lang} />
  <section class="section-padding bg-white">
    <div class="container-site text-center">
      <h2 class="text-2xl font-bold mb-4">{ui.requestQuote}</h2>
      <div class="flex flex-wrap items-center justify-center gap-4">
        <Button href={buildLeadFormUrl(lang, { serviceCategory: 'recruitment' })} variant="primary">
          {ui.startRequest}
        </Button>
        <Button href={whatsappLink(whatsappMessage(lang, 'quote'))} variant="whatsapp" gadsConversion="whatsapp">
          {ui.contactWhatsApp}
        </Button>
      </div>
    </div>
  </section>
  <CTABand locale={lang} messageContext="quote" />
</PageLayout>