@extends('layouts.admin')

@section('title', 'Dashboard')
@section('eyebrow', 'Lunara CMS')
@section('heading', 'SEO & Content Dashboard')

@section('header_actions')
    <a href="{{ route('admin.pages.index') }}" class="lunara-button-primary">Manage Pages</a>
@endsection

@section('content')
    @php
        $shortcutPages = [
            ['label' => 'Home', 'slug' => 'home', 'note' => 'Hero, landing sections, and homepage flow'],
            ['label' => 'About', 'slug' => 'about', 'note' => 'Brand story, highlights, and trust reasons'],
            ['label' => 'Treatments', 'slug' => 'treatments', 'note' => 'Treatment highlights and detail cards'],
            ['label' => 'Pricing', 'slug' => 'pricing', 'note' => 'Pricing highlights and tables'],
            ['label' => 'Therapists', 'slug' => 'therapists', 'note' => 'Profiles and therapist highlights'],
            ['label' => 'Service Areas', 'slug' => 'service-areas', 'note' => 'Coverage highlights and service areas'],
            ['label' => 'FAQ', 'slug' => 'faq', 'note' => 'Questions and answers'],
            ['label' => 'Contact', 'slug' => 'contact', 'note' => 'WhatsApp, phone, email, and contact items'],
            ['label' => 'Book Now', 'slug' => 'book-now', 'note' => 'Booking highlights, checklist, and steps'],
        ];
    @endphp

    <div class="grid gap-6 md:grid-cols-3">
        <div class="lunara-card p-6">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Core pages</p>
            <p class="mt-4 text-4xl text-accent">{{ $totalPages }}</p>
            <p class="mt-2 text-sm text-cream/60">Seeded public pages ready for editing.</p>
        </div>
        <div class="lunara-card p-6">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Published pages</p>
            <p class="mt-4 text-4xl text-accent">{{ $publishedPages }}</p>
            <p class="mt-2 text-sm text-cream/60">Pages currently available to search engines and visitors.</p>
        </div>
        <div class="lunara-card p-6">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">SEO-complete pages</p>
            <p class="mt-4 text-4xl text-accent">{{ $seoReadyPages }}</p>
            <p class="mt-2 text-sm text-cream/60">Pages with both meta title and meta description populated.</p>
        </div>
    </div>

    <div class="mt-8 grid gap-6 md:grid-cols-2 xl:grid-cols-5">
        <a href="{{ route('admin.treatments.index') }}" class="lunara-card p-6 transition hover:border-accent/30">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Treatments</p>
            <p class="mt-4 text-4xl text-accent">{{ $treatmentCount }}</p>
            <p class="mt-2 text-sm text-cream/60">Structured treatment records.</p>
        </a>
        <a href="{{ route('admin.pricing-rates.index') }}" class="lunara-card p-6 transition hover:border-accent/30">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Pricing Rates</p>
            <p class="mt-4 text-4xl text-accent">{{ $pricingRateCount }}</p>
            <p class="mt-2 text-sm text-cream/60">Duration and price rows.</p>
        </a>
        <a href="{{ route('admin.therapists.index') }}" class="lunara-card p-6 transition hover:border-accent/30">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Therapists</p>
            <p class="mt-4 text-4xl text-accent">{{ $therapistCount }}</p>
            <p class="mt-2 text-sm text-cream/60">Profile and featured therapist records.</p>
        </a>
        <a href="{{ route('admin.testimonials.index') }}" class="lunara-card p-6 transition hover:border-accent/30">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Testimonials</p>
            <p class="mt-4 text-4xl text-accent">{{ $testimonialCount }}</p>
            <p class="mt-2 text-sm text-cream/60">Social proof and review entries.</p>
        </a>
        <a href="{{ route('admin.service-areas.index') }}" class="lunara-card p-6 transition hover:border-accent/30">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Service Areas</p>
            <p class="mt-4 text-4xl text-accent">{{ $serviceAreaCount }}</p>
            <p class="mt-2 text-sm text-cream/60">Coverage and area cards.</p>
        </a>
    </div>

    <div class="mt-8 grid gap-6 lg:grid-cols-2">
        <section class="lunara-card p-7 lg:col-span-2">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Content shortcuts</p>
            <div class="mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-3">
                @foreach ($shortcutPages as $item)
                    <a href="{{ route('admin.pages.edit-by-slug', ['slug' => $item['slug']]) }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10">
                        <p class="text-lg text-accent">{{ $item['label'] }}</p>
                        <p class="mt-2 text-sm leading-7 text-cream/60">{{ $item['note'] }}</p>
                    </a>
                @endforeach
            </div>
        </section>

        <section class="lunara-card p-7 lg:col-span-2">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Structured content modules</p>
            <div class="mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-4">
                <a href="{{ route('admin.treatments.index') }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10">
                    <p class="text-lg text-accent">Treatments</p>
                    <p class="mt-2 text-sm leading-7 text-cream/60">Manage treatment cards, pricing-from text, icons, and imagery.</p>
                </a>
                <a href="{{ route('admin.pricing-rates.index') }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10">
                    <p class="text-lg text-accent">Pricing Rates</p>
                    <p class="mt-2 text-sm leading-7 text-cream/60">Manage duration-and-price rows that power the public pricing tables.</p>
                </a>
                <a href="{{ route('admin.therapists.index') }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10">
                    <p class="text-lg text-accent">Therapists</p>
                    <p class="mt-2 text-sm leading-7 text-cream/60">Manage featured therapist profiles, ordering, and imagery.</p>
                </a>
                <a href="{{ route('admin.testimonials.index') }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10">
                    <p class="text-lg text-accent">Testimonials</p>
                    <p class="mt-2 text-sm leading-7 text-cream/60">Manage social proof, author names, and featured review order.</p>
                </a>
                <a href="{{ route('admin.service-areas.index') }}" class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 transition hover:border-accent/30 hover:bg-white/10 md:col-span-2 xl:col-span-1">
                    <p class="text-lg text-accent">Service Areas</p>
                    <p class="mt-2 text-sm leading-7 text-cream/60">Manage Phuket coverage cards and featured area ordering.</p>
                </a>
            </div>
        </section>

        <section class="lunara-card p-7">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Phuket SEO priorities</p>
            <div class="mt-5 space-y-4 text-sm leading-7 text-cream/60">
                <p>Prioritize unique page copy around outcall massage Phuket, hotel massage Phuket, villa massage Phuket, and neighborhood intent where genuine service coverage exists.</p>
                <p>Keep every title, meta description, heading, and on-page content aligned with one clear search intent instead of stuffing multiple unrelated terms together.</p>
                <p>Use FAQ, service areas, therapists, and pricing to capture long-tail demand and reduce booking hesitation before the first message.</p>
            </div>
        </section>

        <section class="lunara-card p-7">
            <p class="text-xs uppercase tracking-[0.28em] text-cream/40">Business profile baseline</p>
            <div class="mt-5 space-y-3 text-sm text-cream/60">
                <p><span class="text-accent">Business name:</span> {{ $siteSettings->business_name ?: 'Add in settings' }}</p>
                <p><span class="text-accent">Phone:</span> {{ $siteSettings->business_phone ?: 'Add in settings' }}</p>
                <p><span class="text-accent">Email:</span> {{ $siteSettings->business_email ?: 'Add in settings' }}</p>
                <p><span class="text-accent">Primary area:</span> {{ $siteSettings->primary_service_area ?: 'Add in settings' }}</p>
                <p><span class="text-accent">Google Business Profile:</span> {{ $siteSettings->google_business_profile_url ?: 'Add in settings' }}</p>
            </div>
        </section>
    </div>
@endsection