@extends('layouts.admin')

@section('title', 'Edit Page')
@section('eyebrow', 'Page Editor')
@section('heading', $page->name)

@section('header_actions')
    <div class="flex flex-wrap gap-3">
        <a href="{{ route('admin.pages.index') }}" class="lunara-button-secondary">Back to Pages</a>
        <a href="{{ $page->slug === 'home' ? route('home') : route('pages.show', ['slug' => $page->slug]) }}" target="_blank" class="lunara-button-primary">Preview Page</a>
    </div>
@endsection

@section('content')
    @php
        $pageSections = $pageSections ?? $page->sectionMap();
        $heroSlides = collect(old('hero_slide_images', []))->isNotEmpty()
            ? collect(old('hero_slide_images', []))->values()->map(
                fn ($image, $index) => [
                    'image' => $image,
                    'label' => old("hero_slide_labels.$index"),
                ],
            )->all()
            : array_values($pageSections['hero_slides'] ?? []);

        if ($page->slug === 'home') {
            $heroSlides = array_pad($heroSlides, 5, ['image' => '', 'label' => '']);
        }

        $homeHero = array_merge([
            'eyebrow' => '',
            'headline' => '',
            'subheadline' => '',
            'primary_label' => '',
            'secondary_label' => '',
        ], old('hero', $pageSections['hero'] ?? []));
        $homeFeaturesSection = array_merge([
            'title' => '',
        ], old('features_section', $pageSections['features_section'] ?? []));
        $homeTreatmentsSection = array_merge([
            'eyebrow' => '',
            'title' => '',
        ], old('treatments_section', $pageSections['treatments_section'] ?? []));
        $homeStepsSection = array_merge([
            'eyebrow' => '',
            'title' => '',
        ], old('steps_section', $pageSections['steps_section'] ?? []));
        $homeReasonsSection = array_merge([
            'title' => '',
        ], old('reasons_section', $pageSections['reasons_section'] ?? []));
        $homeTherapistsSection = array_merge([
            'title' => '',
            'subtitle' => '',
        ], old('therapists_section', $pageSections['therapists_section'] ?? []));
        $homeTestimonialsSection = array_merge([
            'eyebrow' => '',
            'title' => '',
        ], old('testimonials_section', $pageSections['testimonials_section'] ?? []));

        $homeFeatures = array_pad(old('features_items', $pageSections['features_items'] ?? []), 6, ['icon' => '', 'title' => '', 'text' => '']);
        $homeSteps = array_pad(old('steps_items', $pageSections['steps_items'] ?? []), 5, ['icon' => '', 'title' => '', 'desc' => '']);
        $homeReasons = array_pad(old('reasons_items', $pageSections['reasons_items'] ?? []), 5, ['icon' => '', 'text' => '']);
        $aboutHighlights = array_pad(old('about_highlights', $pageSections['about_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $aboutStory = array_merge([
            'eyebrow' => '',
            'title' => '',
            'intro' => '',
            'vision_title' => '',
            'vision_text' => '',
            'mission_title' => '',
            'mission_text' => '',
            'promise_title' => '',
            'promise_text' => '',
            'reasons_title' => '',
            'reasons_copy' => '',
            'image' => '',
        ], old('about_story', $pageSections['about_story'] ?? []));
        $aboutReasons = array_pad(old('reason_items', $pageSections['reason_items'] ?? []), 5, ['icon' => '', 'text' => '']);
        $treatmentHighlights = array_pad(old('treatments_highlights', $pageSections['treatments_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $pricingHighlights = array_pad(old('pricing_highlights', $pageSections['pricing_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $therapistHighlights = array_pad(old('therapist_highlights', $pageSections['therapist_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $contactItems = array_pad(old('contact_items', $pageSections['contact_items'] ?? []), 4, ['icon' => '', 'label' => '', 'value' => '', 'href' => '']);
        $serviceAreaHighlights = array_pad(old('service_area_highlights', $pageSections['service_area_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $faqItems = array_pad(old('faq_items', $pageSections['faq_items'] ?? []), 8, ['question' => '', 'answer' => '']);
        $bookingHighlights = array_pad(old('booking_highlights', $pageSections['booking_highlights'] ?? []), 3, ['label' => '', 'title' => '', 'text' => '']);
        $bookingChecklist = array_pad(old('booking_checklist', $pageSections['booking_checklist'] ?? []), 6, '');
        $bookingSteps = array_pad(old('booking_steps', $pageSections['booking_steps'] ?? []), 5, ['title' => '', 'text' => '']);

    @endphp

    <form method="POST" action="{{ route('admin.pages.update', $page) }}" enctype="multipart/form-data" class="space-y-8">
        @csrf
        @method('PUT')

        <section class="lunara-card p-7">
            <h2 class="text-3xl text-accent">Content</h2>
            <div class="mt-6 grid gap-6 md:grid-cols-2">
                <div>
                    <label class="lunara-label" for="name">Internal page name</label>
                    <input id="name" name="name" value="{{ old('name', $page->name) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="slug">Slug</label>
                    <input id="slug" name="slug" value="{{ old('slug', $page->slug) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="template">Template</label>
                    <input id="template" name="template" value="{{ old('template', $page->template) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="hero_kicker">Hero kicker</label>
                    <input id="hero_kicker" name="hero_kicker" value="{{ old('hero_kicker', $page->hero_kicker) }}" class="lunara-admin-input">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="title">Visible page title</label>
                    <input id="title" name="title" value="{{ old('title', $page->title) }}" class="lunara-admin-input" required>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="subtitle">Subtitle</label>
                    <textarea id="subtitle" name="subtitle" class="lunara-admin-textarea">{{ old('subtitle', $page->subtitle) }}</textarea>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="body_html">Body HTML</label>
                    <textarea id="body_html" name="body_html" class="lunara-admin-textarea min-h-72">{{ old('body_html', $page->body_html) }}</textarea>
                </div>
            </div>
        </section>

        @if ($page->slug === 'home')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Hero Copy</h2>
                <div class="mt-6 grid gap-4 md:grid-cols-2">
                    <input name="hero[eyebrow]" value="{{ $homeHero['eyebrow'] }}" class="lunara-admin-input" placeholder="Hero eyebrow">
                    <input name="hero[headline]" value="{{ $homeHero['headline'] }}" class="lunara-admin-input" placeholder="Hero headline">
                    <textarea name="hero[subheadline]" class="lunara-admin-textarea md:col-span-2" placeholder="Hero subheadline">{{ $homeHero['subheadline'] }}</textarea>
                    <input name="hero[secondary_label]" value="{{ $homeHero['secondary_label'] }}" class="lunara-admin-input" placeholder="Secondary CTA label">
                    <input name="hero[primary_label]" value="{{ $homeHero['primary_label'] }}" class="lunara-admin-input" placeholder="Primary CTA label">
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Section Headings</h2>
                <div class="mt-6 grid gap-4 md:grid-cols-2">
                    <input name="features_section[title]" value="{{ $homeFeaturesSection['title'] }}" class="lunara-admin-input" placeholder="Features section title">
                    <div class="hidden md:block"></div>
                    <input name="treatments_section[eyebrow]" value="{{ $homeTreatmentsSection['eyebrow'] }}" class="lunara-admin-input" placeholder="Treatments section eyebrow">
                    <input name="treatments_section[title]" value="{{ $homeTreatmentsSection['title'] }}" class="lunara-admin-input" placeholder="Treatments section title">
                    <input name="steps_section[eyebrow]" value="{{ $homeStepsSection['eyebrow'] }}" class="lunara-admin-input" placeholder="Steps section eyebrow">
                    <input name="steps_section[title]" value="{{ $homeStepsSection['title'] }}" class="lunara-admin-input" placeholder="Steps section title">
                    <input name="reasons_section[title]" value="{{ $homeReasonsSection['title'] }}" class="lunara-admin-input" placeholder="Reasons section title">
                    <div class="hidden md:block"></div>
                    <input name="therapists_section[title]" value="{{ $homeTherapistsSection['title'] }}" class="lunara-admin-input" placeholder="Therapists section title">
                    <textarea name="therapists_section[subtitle]" class="lunara-admin-textarea" placeholder="Therapists section subtitle">{{ $homeTherapistsSection['subtitle'] }}</textarea>
                    <input name="testimonials_section[eyebrow]" value="{{ $homeTestimonialsSection['eyebrow'] }}" class="lunara-admin-input" placeholder="Testimonials section eyebrow">
                    <input name="testimonials_section[title]" value="{{ $homeTestimonialsSection['title'] }}" class="lunara-admin-input" placeholder="Testimonials section title">
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Hero Slides</h2>
                <p class="mt-3 max-w-3xl text-sm leading-7 text-cream/60">Edit the landing-page slider here. You can use a relative asset path like `images/hero-bg.jpg` or a full image URL.</p>
                <p class="mt-2 max-w-3xl text-sm leading-7 text-cream/45">Recommended hero image size: 1920 x 1080 px minimum, ideally 2400 x 1350 px, 16:9 landscape, optimized JPG or WEBP, preferably under 2 MB.</p>
                <div class="mt-6 space-y-5">
                    @foreach ($heroSlides as $index => $slide)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Slide {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-[1.4fr,0.8fr]">
                                <div>
                                    <label class="lunara-label" for="hero_slide_image_{{ $index }}">Image path or URL</label>
                                    <input id="hero_slide_image_{{ $index }}" name="hero_slide_images[]" value="{{ $slide['image'] ?? '' }}" class="lunara-admin-input" placeholder="images/hero-bg.jpg">
                                </div>
                                <div>
                                    <label class="lunara-label" for="hero_slide_label_{{ $index }}">Slide label</label>
                                    <input id="hero_slide_label_{{ $index }}" name="hero_slide_labels[]" value="{{ $slide['label'] ?? '' }}" class="lunara-admin-input" placeholder="Luxury Arrival">
                                </div>
                                <div class="md:col-span-2">
                                    <label class="lunara-label" for="hero_slide_upload_{{ $index }}">Upload replacement image</label>
                                    <input id="hero_slide_upload_{{ $index }}" type="file" name="hero_slide_uploads[]" accept="image/png,image/jpeg,image/webp,image/avif" class="lunara-admin-input file:mr-4 file:rounded-full file:border-0 file:bg-accent file:px-4 file:py-2 file:text-xs file:uppercase file:tracking-[0.18em] file:text-white">
                                </div>
                                @if (! empty($slide['image']))
                                    <div class="md:col-span-2">
                                        <p class="lunara-label">Current preview</p>
                                        <img
                                            src="{{ \Illuminate\Support\Str::startsWith($slide['image'], ['http://', 'https://']) ? $slide['image'] : asset(ltrim($slide['image'], '/')) }}"
                                            alt="Hero slide {{ $index + 1 }} preview"
                                            class="mt-2 h-32 w-full rounded-[1.25rem] border border-white/10 object-cover"
                                        >
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Features</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($homeFeatures as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Feature {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <div>
                                    <label class="lunara-label" for="feature_icon_{{ $index }}">Icon key</label>
                                    <input id="feature_icon_{{ $index }}" name="features_items[{{ $index }}][icon]" value="{{ $item['icon'] ?? '' }}" class="lunara-admin-input" placeholder="home">
                                </div>
                                <div>
                                    <label class="lunara-label" for="feature_title_{{ $index }}">Title</label>
                                    <input id="feature_title_{{ $index }}" name="features_items[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input">
                                </div>
                                <div class="md:col-span-3">
                                    <label class="lunara-label" for="feature_text_{{ $index }}">Text</label>
                                    <textarea id="feature_text_{{ $index }}" name="features_items[{{ $index }}][text]" class="lunara-admin-textarea">{{ $item['text'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Featured Therapist Cards</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">The homepage featured therapist cards now come from the dedicated therapist module. Update names, photos, ordering, and featured status there instead of in page JSON.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.therapists.index') }}" class="lunara-button-primary">Manage Therapists</a>
                        <a href="{{ route('admin.therapists.create') }}" class="lunara-button-secondary">Add Therapist</a>
                    </div>
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Treatments</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Homepage treatment cards are now pulled from the treatments module. Edit treatment names, icons, durations, price-from labels, images, and descriptions there.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.treatments.index') }}" class="lunara-button-primary">Manage Treatments</a>
                        <a href="{{ route('admin.treatments.create') }}" class="lunara-button-secondary">Add Treatment</a>
                    </div>
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Booking Steps</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($homeSteps as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Step {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-2">
                                <div>
                                    <label class="lunara-label" for="step_icon_{{ $index }}">Icon key</label>
                                    <input id="step_icon_{{ $index }}" name="steps_items[{{ $index }}][icon]" value="{{ $item['icon'] ?? '' }}" class="lunara-admin-input" placeholder="message-circle">
                                </div>
                                <div>
                                    <label class="lunara-label" for="step_title_{{ $index }}">Title</label>
                                    <input id="step_title_{{ $index }}" name="steps_items[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input">
                                </div>
                                <div class="md:col-span-2">
                                    <label class="lunara-label" for="step_desc_{{ $index }}">Description</label>
                                    <textarea id="step_desc_{{ $index }}" name="steps_items[{{ $index }}][desc]" class="lunara-admin-textarea">{{ $item['desc'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Reasons</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($homeReasons as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Reason {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-2">
                                <div>
                                    <label class="lunara-label" for="reason_icon_{{ $index }}">Icon key</label>
                                    <input id="reason_icon_{{ $index }}" name="reasons_items[{{ $index }}][icon]" value="{{ $item['icon'] ?? '' }}" class="lunara-admin-input" placeholder="award">
                                </div>
                                <div class="md:col-span-2">
                                    <label class="lunara-label" for="reason_text_{{ $index }}">Text</label>
                                    <textarea id="reason_text_{{ $index }}" name="reasons_items[{{ $index }}][text]" class="lunara-admin-textarea">{{ $item['text'] ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Therapists</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">The homepage therapist carousel now uses the therapist module. Use the therapist module to control profiles, ordering, images, and featured visibility.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.therapists.index') }}" class="lunara-button-primary">Manage Therapists</a>
                        <a href="{{ route('admin.therapists.create') }}" class="lunara-button-secondary">Add Therapist</a>
                    </div>
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Home Testimonials</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Homepage testimonials now come from the testimonials module. Manage quotes, author names, ordering, and published status there.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.testimonials.index') }}" class="lunara-button-primary">Manage Testimonials</a>
                        <a href="{{ route('admin.testimonials.create') }}" class="lunara-button-secondary">Add Testimonial</a>
                    </div>
                </div>
            </section>
        @endif

        @if ($page->slug === 'about')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">About Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($aboutHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="about_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="about_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="about_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="mt-8 grid gap-4 md:grid-cols-2">
                    <input name="about_story[eyebrow]" value="{{ $aboutStory['eyebrow'] }}" class="lunara-admin-input" placeholder="Eyebrow">
                    <input name="about_story[title]" value="{{ $aboutStory['title'] }}" class="lunara-admin-input" placeholder="Main title">
                    <textarea name="about_story[intro]" class="lunara-admin-textarea md:col-span-2" placeholder="Intro">{{ $aboutStory['intro'] }}</textarea>
                    <input name="about_story[vision_title]" value="{{ $aboutStory['vision_title'] }}" class="lunara-admin-input" placeholder="Vision title">
                    <textarea name="about_story[vision_text]" class="lunara-admin-textarea" placeholder="Vision text">{{ $aboutStory['vision_text'] }}</textarea>
                    <input name="about_story[mission_title]" value="{{ $aboutStory['mission_title'] }}" class="lunara-admin-input" placeholder="Mission title">
                    <textarea name="about_story[mission_text]" class="lunara-admin-textarea" placeholder="Mission text">{{ $aboutStory['mission_text'] }}</textarea>
                    <input name="about_story[promise_title]" value="{{ $aboutStory['promise_title'] }}" class="lunara-admin-input" placeholder="Promise title">
                    <textarea name="about_story[promise_text]" class="lunara-admin-textarea" placeholder="Promise text">{{ $aboutStory['promise_text'] }}</textarea>
                    <input name="about_story[reasons_title]" value="{{ $aboutStory['reasons_title'] }}" class="lunara-admin-input" placeholder="Reasons title">
                    <textarea name="about_story[reasons_copy]" class="lunara-admin-textarea" placeholder="Reasons copy">{{ $aboutStory['reasons_copy'] }}</textarea>
                    <input name="about_story[image]" value="{{ $aboutStory['image'] }}" class="lunara-admin-input md:col-span-2" placeholder="About image path or URL">
                    <div class="md:col-span-2">
                        <label class="lunara-label" for="about_story_image_upload">Upload about image</label>
                        <input id="about_story_image_upload" type="file" name="about_story_image_upload" accept="image/png,image/jpeg,image/webp,image/avif" class="lunara-admin-input file:mr-4 file:rounded-full file:border-0 file:bg-accent file:px-4 file:py-2 file:text-xs file:uppercase file:tracking-[0.18em] file:text-white">
                    </div>
                    @if (! empty($aboutStory['image']))
                        <div class="md:col-span-2">
                            <p class="lunara-label">Current preview</p>
                            <img
                                src="{{ \Illuminate\Support\Str::startsWith($aboutStory['image'], ['http://', 'https://']) ? $aboutStory['image'] : asset(ltrim($aboutStory['image'], '/')) }}"
                                alt="About page image preview"
                                class="mt-2 h-48 w-full rounded-[1.5rem] border border-white/10 object-cover md:w-96"
                            >
                        </div>
                    @endif
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">About Reasons</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($aboutReasons as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Reason {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-2">
                                <input name="reason_items[{{ $index }}][icon]" value="{{ $item['icon'] ?? '' }}" class="lunara-admin-input" placeholder="Icon key">
                                <textarea name="reason_items[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-2" placeholder="Reason text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if ($page->slug === 'treatments')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Treatment Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($treatmentHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="treatments_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="treatments_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="treatments_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Treatment Details</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Treatment cards on the public treatments page are now controlled by the treatments module. Use that module for treatment names, imagery, description, icons, and price-from details.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.treatments.index') }}" class="lunara-button-primary">Manage Treatments</a>
                        <a href="{{ route('admin.treatments.create') }}" class="lunara-button-secondary">Add Treatment</a>
                    </div>
                </div>
            </section>
        @endif

        @if ($page->slug === 'pricing')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Pricing Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($pricingHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="pricing_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="pricing_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="pricing_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Pricing Tables</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Pricing tables are now powered by the pricing rates module. Each row is managed separately so durations and rates stay consistent and easier to maintain.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.pricing-rates.index') }}" class="lunara-button-primary">Manage Pricing Rates</a>
                        <a href="{{ route('admin.pricing-rates.create') }}" class="lunara-button-secondary">Add Pricing Rate</a>
                    </div>
                </div>
            </section>
        @endif

        @if ($page->slug === 'therapists')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Therapist Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($therapistHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="therapist_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="therapist_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="therapist_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Therapist Profiles</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Therapist profile cards are now managed in the therapist module. Update profile codes, ages, photos, bios, ordering, and featured status there.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.therapists.index') }}" class="lunara-button-primary">Manage Therapists</a>
                        <a href="{{ route('admin.therapists.create') }}" class="lunara-button-secondary">Add Therapist</a>
                    </div>
                </div>
            </section>
        @endif

        @if ($page->slug === 'contact')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Contact Items</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($contactItems as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Item {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-2">
                                <input name="contact_items[{{ $index }}][icon]" value="{{ $item['icon'] ?? '' }}" class="lunara-admin-input" placeholder="Icon key">
                                <input name="contact_items[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="contact_items[{{ $index }}][value]" value="{{ $item['value'] ?? '' }}" class="lunara-admin-input" placeholder="Value">
                                <input name="contact_items[{{ $index }}][href]" value="{{ $item['href'] ?? '' }}" class="lunara-admin-input" placeholder="Link / tel / mailto / WhatsApp URL">
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if ($page->slug === 'service-areas')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Service Area Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($serviceAreaHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="service_area_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="service_area_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="service_area_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Service Areas</h2>
                <div class="mt-6 rounded-[1.5rem] border border-white/10 bg-white/5 p-6">
                    <p class="text-sm leading-7 text-cream/65">Service area cards are now managed in the service areas module. Update area names, tags, descriptions, ordering, and published status there.</p>
                    <div class="mt-5 flex flex-wrap gap-3">
                        <a href="{{ route('admin.service-areas.index') }}" class="lunara-button-primary">Manage Service Areas</a>
                        <a href="{{ route('admin.service-areas.create') }}" class="lunara-button-secondary">Add Service Area</a>
                    </div>
                </div>
            </section>
        @endif

        @if ($page->slug === 'faq')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">FAQ Items</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($faqItems as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">FAQ {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4">
                                <input name="faq_items[{{ $index }}][question]" value="{{ $item['question'] ?? '' }}" class="lunara-admin-input" placeholder="Question">
                                <textarea name="faq_items[{{ $index }}][answer]" class="lunara-admin-textarea" placeholder="Answer">{{ $item['answer'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        @if ($page->slug === 'book-now')
            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Booking Highlights</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($bookingHighlights as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Highlight {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4 md:grid-cols-3">
                                <input name="booking_highlights[{{ $index }}][label]" value="{{ $item['label'] ?? '' }}" class="lunara-admin-input" placeholder="Label">
                                <input name="booking_highlights[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Title">
                                <textarea name="booking_highlights[{{ $index }}][text]" class="lunara-admin-textarea md:col-span-3" placeholder="Text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Booking Checklist</h2>
                <div class="mt-6 grid gap-4">
                    @foreach ($bookingChecklist as $index => $item)
                        <input name="booking_checklist[]" value="{{ $item }}" class="lunara-admin-input" placeholder="Checklist item {{ $index + 1 }}">
                    @endforeach
                </div>
            </section>

            <section class="lunara-card p-7">
                <h2 class="text-3xl text-accent">Booking Steps</h2>
                <div class="mt-6 space-y-5">
                    @foreach ($bookingSteps as $index => $item)
                        <div class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5">
                            <p class="text-xs uppercase tracking-[0.2em] text-accent/70">Step {{ $index + 1 }}</p>
                            <div class="mt-4 grid gap-4">
                                <input name="booking_steps[{{ $index }}][title]" value="{{ $item['title'] ?? '' }}" class="lunara-admin-input" placeholder="Step title">
                                <textarea name="booking_steps[{{ $index }}][text]" class="lunara-admin-textarea" placeholder="Step text">{{ $item['text'] ?? '' }}</textarea>
                            </div>
                        </div>
                    @endforeach
                </div>
            </section>
        @endif

        <section class="lunara-card p-7">
            <h2 class="text-3xl text-accent">SEO Basics</h2>
            <div class="mt-6 grid gap-6 md:grid-cols-2">
                <div>
                    <label class="lunara-label" for="focus_keyword">Focus keyword</label>
                    <input id="focus_keyword" name="focus_keyword" value="{{ old('focus_keyword', $page->focus_keyword) }}" class="lunara-admin-input">
                </div>
                <div>
                    <label class="lunara-label" for="robots">Robots</label>
                    <input id="robots" name="robots" value="{{ old('robots', $page->robots) }}" class="lunara-admin-input" placeholder="index,follow">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="meta_title">Meta title</label>
                    <input id="meta_title" name="meta_title" value="{{ old('meta_title', $page->meta_title) }}" class="lunara-admin-input">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="meta_description">Meta description</label>
                    <textarea id="meta_description" name="meta_description" class="lunara-admin-textarea">{{ old('meta_description', $page->meta_description) }}</textarea>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="meta_keywords">Meta keywords</label>
                    <textarea id="meta_keywords" name="meta_keywords" class="lunara-admin-textarea">{{ old('meta_keywords', $page->meta_keywords) }}</textarea>
                    <p class="mt-2 text-xs text-cream/35">Stored for planning and compatibility. Titles, descriptions, content, internal links, schema, and local trust signals matter more.</p>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="canonical_url">Canonical URL</label>
                    <input id="canonical_url" name="canonical_url" value="{{ old('canonical_url', $page->canonical_url) }}" class="lunara-admin-input">
                </div>
            </div>
        </section>

        <section class="lunara-card p-7">
            <h2 class="text-3xl text-accent">Social & Schema</h2>
            <div class="mt-6 grid gap-6 md:grid-cols-2">
                <div class="md:col-span-2">
                    <label class="lunara-label" for="og_title">Open Graph title</label>
                    <input id="og_title" name="og_title" value="{{ old('og_title', $page->og_title) }}" class="lunara-admin-input">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="og_description">Open Graph description</label>
                    <textarea id="og_description" name="og_description" class="lunara-admin-textarea">{{ old('og_description', $page->og_description) }}</textarea>
                </div>
                <div>
                    <label class="lunara-label" for="og_image">OG image path or URL</label>
                    <input id="og_image" name="og_image" value="{{ old('og_image', $page->og_image) }}" class="lunara-admin-input" placeholder="og-default.svg">
                </div>
                <div>
                    <label class="lunara-label" for="schema_type">Schema type</label>
                    <input id="schema_type" name="schema_type" value="{{ old('schema_type', $page->schema_type) }}" class="lunara-admin-input">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="og_image_upload">Upload OG image</label>
                    <input id="og_image_upload" type="file" name="og_image_upload" accept="image/png,image/jpeg,image/webp,image/avif" class="lunara-admin-input file:mr-4 file:rounded-full file:border-0 file:bg-accent file:px-4 file:py-2 file:text-xs file:uppercase file:tracking-[0.18em] file:text-white">
                </div>
                @if (old('og_image', $page->og_image))
                    <div class="md:col-span-2">
                        <p class="lunara-label">Current social preview image</p>
                        <img
                            src="{{ \Illuminate\Support\Str::startsWith(old('og_image', $page->og_image), ['http://', 'https://']) ? old('og_image', $page->og_image) : asset(ltrim(old('og_image', $page->og_image), '/')) }}"
                            alt="Open Graph image preview"
                            class="mt-2 h-48 w-full rounded-[1.5rem] border border-white/10 object-cover md:w-[28rem]"
                        >
                    </div>
                @endif
                <div class="md:col-span-2">
                    <label class="lunara-label" for="schema_json">Schema JSON</label>
                    <textarea id="schema_json" name="schema_json" class="lunara-admin-textarea min-h-56">{{ old('schema_json', $page->schema_json) }}</textarea>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="seo_notes">SEO notes</label>
                    <textarea id="seo_notes" name="seo_notes" class="lunara-admin-textarea">{{ old('seo_notes', $page->seo_notes) }}</textarea>
                </div>
            </div>
        </section>

        <section class="lunara-card p-7">
            <h2 class="text-3xl text-accent">Publishing</h2>
            <div class="mt-6 grid gap-6 md:grid-cols-2">
                <div class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                    <input type="hidden" name="is_published" value="0">
                    <input id="is_published" type="checkbox" name="is_published" value="1" @checked(old('is_published', $page->is_published)) class="h-5 w-5 rounded border-white/20 bg-transparent text-accent focus:ring-accent/20">
                    <label for="is_published" class="lunara-label">Published and visible publicly</label>
                </div>
                <div>
                    <label class="lunara-label" for="published_at">Published at</label>
                    <input id="published_at" type="datetime-local" name="published_at" value="{{ old('published_at', optional($page->published_at)->format('Y-m-d\\TH:i')) }}" class="lunara-admin-input">
                </div>
            </div>
        </section>

        <div class="flex flex-wrap gap-3">
            <button type="submit" class="lunara-button-primary">Save Page</button>
            <a href="{{ route('admin.pages.index') }}" class="lunara-button-secondary">Cancel</a>
        </div>
    </form>
@endsection