@extends('layouts.public')
@section('content')
<x-page-hero kicker="Evidence standard" title="Proof" lede="Three consented Lahore transformations are the route to being believed. Until an owner signs the evidence, this page shows the standard — not invented percentages." :crumbs="$crumbs" />

<section class="mx-auto max-w-6xl px-5 py-16 lg:py-20">
    <p class="kicker">The shape of a case</p>
    <h2 class="section-title mt-3 max-w-2xl">Before. During. After.</h2>
    <div class="mt-10 grid gap-4 md:grid-cols-3">
        @foreach(['01' => ['Before', 'Baseline date, context, definitions, owner-approved problem.'], '02' => ['During', 'What was installed, dates, adoption checks, obstacles, corrections.'], '03' => ['After', 'What moved, what did not, testimony where consented, next stage.']] as $num => [$title, $text])
            <article class="leak">
                <span class="text-xs font-semibold tracking-[0.16em] text-brass">{{ $num }}</span>
                <h2 class="mt-6 text-2xl font-semibold tracking-tight">{{ $title }}</h2>
                <p class="mt-2 text-sm leading-6 text-muted">{{ $text }}</p>
            </article>
        @endforeach
    </div>

    @if($published->isNotEmpty())
        <h2 class="section-title mt-16">Published cases</h2>
        <div class="mt-8 grid gap-4">
            @foreach($published as $case)
                <a href="{{ route('proof.show', $case) }}" class="offer-card">
                    <p class="text-[11px] uppercase tracking-[0.16em] text-brass">{{ $case->archetype }}</p>
                    <h3 class="mt-3 text-2xl font-semibold tracking-tight">{{ $case->title }}</h3>
                    <p class="mt-2 text-sm leading-6 text-muted">{{ $case->summary }}</p>
                    <span class="mt-5 inline-flex items-center gap-1 text-sm font-semibold">Open the case <i data-lucide="arrow-right" class="h-4 w-4"></i></span>
                </a>
            @endforeach
        </div>
    @endif
</section>

<section class="bg-cream py-16 lg:py-20">
    <div class="mx-auto max-w-6xl px-5">
        <p class="kicker">Not results</p>
        <h2 class="section-title mt-3">Lighthouse slots</h2>
        <p class="mt-4 max-w-2xl text-sm leading-7 text-muted">These are the kinds of campus the first three cases should cover. They stay empty until an owner signs the evidence.</p>
        <div class="mt-8 grid gap-4 md:grid-cols-3">
            @foreach($holding as $case)
                <article class="leak border-dashed bg-transparent">
                    <p class="text-[11px] uppercase tracking-[0.16em] text-brass">Awaiting consent</p>
                    <h3 class="mt-6 text-xl font-semibold tracking-tight">{{ $case->title }}</h3>
                    <p class="mt-2 text-sm leading-6 text-muted">{{ $case->summary }}</p>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endsection