@extends('layouts.public')
@section('content')
<section class="hms-section">
    <div class="hms-container max-w-5xl">
        <p class="hms-kicker">Patient information</p>
        <h1 class="hms-display mt-2">{{ $page?->title ?? 'Plan your visit' }}</h1>
        @if($page?->sections?->isNotEmpty())
            @include('content.page-sections', ['page' => $page])
        @elseif($page?->content)
            <div class="mt-7 whitespace-pre-wrap text-lg leading-relaxed text-black/70">{{ $page->content }}</div>
        @else
            <p class="mt-6 text-lg text-black/65">Eligibility, identification requirements, visiting-patient information, payment methods, store policies and first-visit guidance will be published only after the business verifies the current requirements.</p>
        @endif

        @if($faqs->isNotEmpty())
            <div class="mt-12">
                <h2 class="font-serif text-3xl">Frequently asked questions</h2>
                <div class="mt-5 grid gap-3">
                    @foreach($faqs as $faq)
                        <details class="rounded-xl border border-black/10 bg-white p-5">
                            <summary class="cursor-pointer font-semibold">{{ $faq->question }}</summary>
                            <div class="mt-3 whitespace-pre-wrap text-sm leading-relaxed text-black/65">{{ $faq->answer }}</div>
                        </details>
                    @endforeach
                </div>
            </div>
        @endif

        <div class="mt-10 rounded-2xl bg-[var(--hms-cream)] p-6 text-sm text-black/65">This website provides general store information only and does not provide personalized medical advice.</div>
    </div>
</section>
@endsection