@extends('layouts.public')
@section('content')
<x-page-hero :kicker="$source === 'scan' ? 'Two weeks' : 'Lahore'" :title="$source === 'scan' ? 'School Health & Growth Scan' : 'Book a scan'" :lede="$page?->excerpt ?: 'Five-domain baseline, an owner readout, and a 90-day priority map.'" :crumbs="$crumbs" />
<div class="mx-auto grid max-w-6xl gap-10 px-5 py-16 lg:grid-cols-[1.05fr_.95fr] lg:py-20">
    <div class="order-2 lg:order-1">
        <p class="kicker">The baseline</p>
        <h2 class="section-title mt-3">Five domains, then a priority map</h2>
        <ol class="mt-8 grid gap-3">
            @foreach($domains as $i => $domain)
                <li class="leak flex gap-4">
                    <span class="text-sm font-semibold text-brass">0{{ $i + 1 }}</span>
                    <span>
                        <span class="block font-semibold">{{ $domain['name'] }}</span>
                        <span class="mt-1 block text-sm leading-6 text-muted">{{ $domain['text'] }}</span>
                    </span>
                </li>
            @endforeach
        </ol>
        <p class="mt-6 max-w-xl text-sm leading-6 text-muted">The diagnostic fee is credited against Edspire 90 if you upgrade within 14 days. The guarantee is on deliverables, not on admissions.</p>
    </div>
    <div class="order-1 lg:sticky lg:top-32 lg:order-2 lg:self-start">
        <x-scan-form :offers="$offers" :source="$source" selected="school-health-scan" />
    </div>
</div>
@endsection