---
import Base from "../../layouts/Base.astro";
import VerticalOrderHeader from "../../components/VerticalOrderHeader.astro";
import Wizard from "../../components/intake/Wizard.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META, formatUSD } from "../../lib/intake_manifest";

const slug = "oig-sam-screening";
const steps = INTAKE_MANIFEST[slug];
const meta = SERVICE_META[slug];
const title = meta ? `Order ${meta.name}` : "Order";
const description = "Monthly OIG LEIE and SAM exclusion screening for you and your staff, with an audit-ready compliance certificate each month. $79/month, cancel anytime.";
---

<Base title={title} description={description}>
  <main>
    <section class="pw-order-intro">
      <h1>{meta?.name}</h1>
      <p class="pw-desc">{description}</p>
    </section>

    <VerticalOrderHeader vertical="healthcare" />
    <Wizard service_slug={slug} steps={steps ?? ["npi-intake", "review", "payment"]} title={meta?.name ?? slug} />
  </main>
  <script>
    // Hide price + tax on intake pages — if the user is here, they've
    // already paid via the order page or batch checkout.
    const price = document.getElementById("pw-price");
    const tax = document.getElementById("pw-tax-notice");
    if (price) price.style.display = "none";
    if (tax) tax.style.display = "none";
  </script>
</Base>

<style>
  main { max-width: 900px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
  .pw-order-intro { margin-bottom: 1.5rem; }
  .pw-order-intro h1 { margin: 0 0 0.25rem; color: var(--pw-navy, #1a2744); }
  .pw-desc { color: var(--pw-muted, #64748b); max-width: 48rem; }
</style>