@extends('layouts.public', [
    'title' => $page?->meta_title ?? 'Contact | LottoData',
    'metaDescription' => $page?->meta_description ?? 'Contact LottoData.com for editorial, partnership, or site-related inquiries.',
])

@section('content')
    <section class="mx-auto max-w-6xl px-6 py-12 lg:px-8 lg:py-16">
        <div class="grid gap-6 lg:grid-cols-[0.95fr_1.05fr]">
            <div class="rounded-[2rem] border border-white/10 bg-white/[0.04] p-8">
                <p class="text-sm font-semibold uppercase tracking-[0.35em] text-emerald-200">Contact</p>
                <h1 class="mt-4 text-4xl font-semibold tracking-tight text-white">
                    {{ $page?->excerpt ?? 'A clean contact page placeholder for future editorial and site workflows.' }}
                </h1>
                <div class="mt-4 space-y-4 text-base leading-8 text-slate-300">
                    @foreach (preg_split("/\r\n|\n|\r/", $page?->body ?? "LottoData's public shell includes a stable contact destination now, with room for future forms, partnership requests, corrections, ad inquiries, and general site feedback when those workflows are scoped.\n\nHomepage, about, and contact pages are now part of the responsive public shell.") as $paragraph)
                        @if (filled(trim($paragraph)))
                            <p>{{ trim($paragraph) }}</p>
                        @endif
                    @endforeach
                </div>
            </div>

            <div class="rounded-[2rem] border border-amber-300/20 bg-amber-300/10 p-8">
                <h2 class="text-xl font-semibold text-white">Current public-site scope</h2>
                <div class="mt-4 grid gap-3 text-sm leading-7 text-slate-100">
                    <p>Homepage, about, and contact pages are now part of the responsive public shell.</p>
                    <p>Live lottery data ingestion is still intentionally deferred.</p>
                    <p>Admin workflows and authentication remain future-phase work.</p>
                </div>
            </div>
        </div>
    </section>
@endsection