@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('page_title', 'Dashboard')

@section('content')
@php
    $user = auth()->user();
    $hour = (int) now()->format('G');
    $greeting = $hour < 12 ? 'Good morning' : ($hour < 17 ? 'Good afternoon' : 'Good evening');
    $leadMax = max(1, (int) collect($leadTrend)->max('count'));
    $eventMax = max(1, (int) collect($eventTrend)->max('count'));
    $seoClass = $kpis['avg_seo_score'] >= 80 ? 'is-good' : ($kpis['avg_seo_score'] >= 60 ? 'is-mid' : 'is-low');
@endphp

<div class="dash">
    <div class="content-hub__hero dash__hero">
        <div>
            <p class="content-hub__eyebrow">Control center</p>
            <h1 class="content-hub__title">{{ $greeting }}, {{ explode(' ', $user->name)[0] }}</h1>
            <p class="content-hub__lead">
                {{ now()->format('l, j F Y') }} · Live snapshot of leads, bookings, SEO health, and site activity.
            </p>
        </div>
        <div class="content-hub__actions">
            <a href="{{ route('admin.booking.bookings.index') }}" class="home-btn home-btn--light">Bookings calendar</a>
            <a href="{{ route('admin.seo.index') }}" class="home-btn home-btn--light">SEO hub</a>
            <a href="{{ url('/') }}" target="_blank" class="home-btn home-btn--primary">View live site</a>
        </div>
    </div>

    <div class="dash__kpi-grid">
        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--emerald">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/></svg>
            </div>
            <p class="dash-kpi__label">Leads today</p>
            <p class="dash-kpi__value">{{ $kpis['leads_today'] }}</p>
            <p class="dash-kpi__meta">{{ $kpis['leads_7d'] }} in last 7 days</p>
        </article>

        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--sky">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/></svg>
            </div>
            <p class="dash-kpi__label">Upcoming bookings</p>
            <p class="dash-kpi__value">{{ $kpis['bookings_upcoming'] }}</p>
            <p class="dash-kpi__meta">{{ $kpis['bookings_today'] }} scheduled today</p>
        </article>

        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--amber">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859M12 3v2.25"/></svg>
            </div>
            <p class="dash-kpi__label">Form submissions</p>
            <p class="dash-kpi__value">{{ $kpis['submissions_7d'] }}</p>
            <p class="dash-kpi__meta">Last 7 days</p>
        </article>

        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--violet">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.875 1.975-1.95 1.975H5.7c-1.075 0-1.95-.881-1.95-1.975v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.875-1.975-1.95-1.975H4.2c-1.075 0-1.95.894-1.95 1.975v3.783c0 .655.275 1.26.75 1.661m16.5 0a2.18 2.18 0 0 1-.75 1.661"/></svg>
            </div>
            <p class="dash-kpi__label">New applications</p>
            <p class="dash-kpi__value">{{ $kpis['applications_new'] }}</p>
            <p class="dash-kpi__meta">Awaiting review</p>
        </article>

        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--teal">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
            </div>
            <p class="dash-kpi__label">Avg SEO score</p>
            <p class="dash-kpi__value">{{ $kpis['avg_seo_score'] }}</p>
            <p class="dash-kpi__meta">{{ $kpis['low_seo'] }} pages below 80 · {{ $kpis['not_found'] }} active 404s</p>
        </article>

        <article class="dash-kpi">
            <div class="dash-kpi__icon dash-kpi__icon--slate">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/></svg>
            </div>
            <p class="dash-kpi__label">Events today</p>
            <p class="dash-kpi__value">{{ $kpis['events_today'] }}</p>
            <p class="dash-kpi__meta">{{ $kpis['published_services'] }} services · {{ $kpis['blog_published'] }} posts live</p>
        </article>
    </div>

    <div class="dash__quick">
        <a href="{{ route('admin.booking.bookings.index') }}" class="dash-quick">
            <span class="dash-quick__label">Bookings</span>
            <span class="dash-quick__hint">Calendar & pipeline</span>
        </a>
        <a href="{{ route('admin.careers.applications.index') }}" class="dash-quick">
            <span class="dash-quick__label">Applications</span>
            <span class="dash-quick__hint">Candidate inbox</span>
        </a>
        <a href="{{ route('admin.seo.index') }}" class="dash-quick">
            <span class="dash-quick__label">SEO</span>
            <span class="dash-quick__hint">Audits & sitemap</span>
        </a>
        <a href="{{ route('admin.media.index') }}" class="dash-quick">
            <span class="dash-quick__label">Media</span>
            <span class="dash-quick__hint">Library & uploads</span>
        </a>
        <a href="{{ route('admin.home.edit') }}" class="dash-quick">
            <span class="dash-quick__label">Home page</span>
            <span class="dash-quick__hint">Edit homepage</span>
        </a>
        <a href="{{ route('admin.settings.edit') }}" class="dash-quick">
            <span class="dash-quick__label">Settings</span>
            <span class="dash-quick__hint">Site configuration</span>
        </a>
    </div>

    <div class="dash__main">
        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Lead momentum</h2>
                    <p class="dash-panel__sub">New leads over the last 7 days</p>
                </div>
                <span class="seo-score-pill is-mid">{{ $kpis['leads_7d'] }} total</span>
            </div>
            <div class="dash-bars" role="img" aria-label="Lead trend chart">
                @foreach ($leadTrend as $day)
                    <div class="dash-bars__col">
                        <div class="dash-bars__track">
                            <div class="dash-bars__fill" style="height: {{ max(8, (int) round(($day['count'] / $leadMax) * 100)) }}%"></div>
                        </div>
                        <span class="dash-bars__label">{{ $day['label'] }}</span>
                        <span class="dash-bars__count">{{ $day['count'] }}</span>
                    </div>
                @endforeach
            </div>
        </section>

        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Site activity</h2>
                    <p class="dash-panel__sub">Analytics events over the last 7 days</p>
                </div>
                @can('viewAny', \Apex\Modules\Analytics\Models\AnalyticsEvent::class)
                    <a href="{{ route('admin.analytics.index') }}" class="content-link">Open analytics</a>
                @endcan
            </div>
            <div class="dash-bars dash-bars--sky" role="img" aria-label="Event trend chart">
                @foreach ($eventTrend as $day)
                    <div class="dash-bars__col">
                        <div class="dash-bars__track">
                            <div class="dash-bars__fill" style="height: {{ max(8, (int) round(($day['count'] / $eventMax) * 100)) }}%"></div>
                        </div>
                        <span class="dash-bars__label">{{ $day['label'] }}</span>
                        <span class="dash-bars__count">{{ $day['count'] }}</span>
                    </div>
                @endforeach
            </div>
        </section>
    </div>

    <div class="dash__columns">
        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Upcoming bookings</h2>
                    <p class="dash-panel__sub">Next confirmed and pending sessions</p>
                </div>
                <a href="{{ route('admin.booking.bookings.index') }}" class="content-link">Calendar</a>
            </div>
            <ul class="dash-feed">
                @forelse ($recentBookings as $booking)
                    @php $tz = $booking->timezone ?: config('app.timezone'); @endphp
                    <li>
                        <a href="{{ route('admin.booking.bookings.show', $booking) }}" class="dash-feed__item">
                            <span class="dash-feed__badge">{{ $booking->starts_at->timezone($tz)->format('j M') }}</span>
                            <span class="dash-feed__body">
                                <strong>{{ $booking->name }}</strong>
                                <em>{{ $booking->bookingType?->name ?? 'Booking' }} · {{ $booking->starts_at->timezone($tz)->format('D, g:i A') }}</em>
                            </span>
                            <span class="content-badge {{ $booking->status === 'confirmed' ? 'is-success' : ($booking->status === 'pending' ? 'is-warn' : 'is-draft') }}">
                                {{ ucfirst(str_replace('_', ' ', $booking->status)) }}
                            </span>
                        </a>
                    </li>
                @empty
                    <li class="dash-feed__empty">No upcoming bookings.</li>
                @endforelse
            </ul>
        </section>

        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Recent leads</h2>
                    <p class="dash-panel__sub">Latest enquiries entering the pipeline</p>
                </div>
            </div>
            <ul class="dash-feed">
                @forelse ($recentLeads as $lead)
                    <li>
                        <div class="dash-feed__item">
                            <span class="dash-feed__avatar">{{ strtoupper(substr($lead->name ?: $lead->email ?: 'L', 0, 1)) }}</span>
                            <span class="dash-feed__body">
                                <strong>{{ $lead->name ?: $lead->email }}</strong>
                                <em>{{ $lead->source ?: 'Direct' }} · {{ $lead->created_at->diffForHumans() }}</em>
                            </span>
                            <span class="content-badge is-draft">{{ ucfirst($lead->status ?: 'new') }}</span>
                        </div>
                    </li>
                @empty
                    <li class="dash-feed__empty">No leads yet.</li>
                @endforelse
            </ul>
        </section>

        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">SEO attention</h2>
                    <p class="dash-panel__sub">Lowest scoring audited URLs</p>
                </div>
                <span class="seo-score-pill {{ $seoClass }}">{{ $kpis['avg_seo_score'] }}/100</span>
            </div>
            <ul class="dash-feed">
                @forelse ($lowScores as $audit)
                    <li>
                        <div class="dash-feed__item">
                            <span class="dash-feed__body">
                                <strong class="font-mono text-xs">{{ \Illuminate\Support\Str::limit($audit->url, 42) }}</strong>
                                <em>{{ $audit->checked_at?->diffForHumans() ?? 'Not checked' }}</em>
                            </span>
                            <span class="seo-score-pill {{ $audit->score >= 60 ? 'is-mid' : 'is-low' }}">{{ $audit->score }}</span>
                        </div>
                    </li>
                @empty
                    <li class="dash-feed__empty">No low SEO scores — looking strong.</li>
                @endforelse
            </ul>
            <div class="dash-panel__foot">
                <a href="{{ route('admin.seo.index', ['tab' => 'audits']) }}" class="home-btn home-btn--ghost home-btn--sm">Review audits</a>
                <a href="{{ route('admin.seo.index', ['tab' => '404']) }}" class="home-btn home-btn--ghost home-btn--sm">404 monitor</a>
            </div>
        </section>
    </div>

    <div class="dash__bottom">
        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Career applications</h2>
                    <p class="dash-panel__sub">Newest candidates in the inbox</p>
                </div>
                <a href="{{ route('admin.careers.applications.index') }}" class="content-link">Open inbox</a>
            </div>
            <ul class="dash-feed">
                @forelse ($recentApplications as $app)
                    <li>
                        <a href="{{ route('admin.careers.applications.show', $app) }}" class="dash-feed__item">
                            <span class="dash-feed__avatar">{{ strtoupper(substr($app->name, 0, 1)) }}</span>
                            <span class="dash-feed__body">
                                <strong>{{ $app->name }}</strong>
                                <em>{{ $app->career?->title ?? 'Open role' }} · {{ $app->created_at->diffForHumans() }}</em>
                            </span>
                            <span class="content-badge is-warn">{{ ucfirst($app->status) }}</span>
                        </a>
                    </li>
                @empty
                    <li class="dash-feed__empty">No applications yet.</li>
                @endforelse
            </ul>
        </section>

        <section class="home-seo-card dash-panel">
            <div class="dash-panel__head">
                <div>
                    <h2 class="dash-panel__title">Live event stream</h2>
                    <p class="dash-panel__sub">Latest tracked analytics events</p>
                </div>
                @can('viewAny', \Apex\Modules\Analytics\Models\AnalyticsEvent::class)
                    <a href="{{ route('admin.analytics.index') }}" class="content-link">View all</a>
                @endcan
            </div>
            <ul class="dash-feed">
                @forelse ($recentEvents as $event)
                    <li>
                        <div class="dash-feed__item">
                            <span class="dash-feed__dot"></span>
                            <span class="dash-feed__body">
                                <strong>{{ $event->event_name ?: $event->event_type }}</strong>
                                <em>{{ \Illuminate\Support\Str::limit($event->url ?: '—', 48) }} · {{ $event->occurred_at?->diffForHumans() }}</em>
                            </span>
                        </div>
                    </li>
                @empty
                    <li class="dash-feed__empty">No analytics events yet.</li>
                @endforelse
            </ul>
        </section>
    </div>
</div>
@endsection