---
import type { Locale } from '../../data/site';
import CTABand from '../sections/CTABand.astro';
import { buildLeadFormUrl } from '../../data/lead-form';

interface Props {
  locale: Locale;
}

const { locale } = Astro.props;
---

<section class="section-padding bg-base-200">
  <div class="container-site text-center">
    <a
      href={buildLeadFormUrl(locale, { serviceCategory: 'recruitment' })}
      class="btn btn-primary btn-lg font-bold gap-2 shadow-lg"
    >
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
      </svg>
      {locale === 'ar' ? 'قدّم طلبك عبر النموذج' : 'Submit Your Request'}
    </a>
  </div>
</section>

<CTABand
  locale={locale}
  title={locale === 'ar' ? 'اطلب الخدمة الآن' : 'Request This Service'}
  messageContext="quote"
/>