@extends('admin.layout')
@section('title', 'Dashboard')
@section('content')
@php
    use Illuminate\Support\Str;
    $max = max(1, max(array_column($series, 'n')));
    $chartTotal = array_sum(array_column($series, 'n'));
    $trend = $counts['previous30'] ? (int) round(100 * ($counts['submissions30'] - $counts['previous30']) / $counts['previous30']) : null;
    // sparkline of the last 14 days
    $smax = max(1, max($spark));
    $sparkPts = collect($spark)->map(fn ($n, $i) => round($i * (100 / 13), 1).','.round(28 - ($n / $smax) * 24, 1))->implode(' ');
    $ranges = [30 => '30 days', 90 => '90 days', 365 => '12 months'];
    $okChecks = collect($checks)->filter(fn ($c) => $c[1])->count();
    $circ = 2 * M_PI * 34;
    $scoreColor = $seo['score'] >= 85 ? 'var(--ok)' : ($seo['score'] >= 60 ? 'var(--accent-dark)' : 'var(--err)');
@endphp

<section class="hero">
    <div>
        <p class="hero-date">{{ now()->format('l, j F Y') }}</p>
        <h1>{{ $greeting }}, {{ Str::before(auth()->user()->name, ' ') }} 👋</h1>
        <p class="hero-sub">
            @if ($counts['unread'])
                You have <a href="{{ route('admin.submissions.index', ['unread' => 1]) }}"><strong>{{ $counts['unread'] }} unread {{ Str::plural('enquiry', $counts['unread']) }}</strong></a> waiting.
            @else
                All enquiries are read. Nice work!
            @endif
        </p>
    </div>
    <div class="hero-actions">
        <a class="btn btn-light" href="{{ route('admin.pages.index', ['type' => 'post']) }}">@include('admin._icon', ['i' => 'plus'])New post</a>
        <a class="btn btn-light" href="{{ route('admin.pages.index', ['type' => 'page']) }}">@include('admin._icon', ['i' => 'file'])Pages</a>
        <a class="btn btn-light" href="{{ route('admin.media.index') }}">@include('admin._icon', ['i' => 'upload'])Upload media</a>
        <a class="btn btn-accent" href="{{ url('/') }}/" target="_blank" rel="noopener">@include('admin._icon', ['i' => 'globe'])View website</a>
    </div>
</section>

<div class="stats">
    <a class="stat stat-brand" href="{{ route('admin.submissions.index') }}">
        <span class="stat-ic">@include('admin._icon', ['i' => 'inbox'])</span>
        <span class="stat-label">Enquiries · 30 days</span>
        <strong data-count-up="{{ $counts['submissions30'] }}">{{ $counts['submissions30'] }}</strong>
        @if ($trend !== null)
            <span @class(['trend', 'up' => $trend >= 0, 'down' => $trend < 0])>@include('admin._icon', ['i' => $trend >= 0 ? 'up' : 'down', 'class' => 'i-xs']){{ abs($trend) }}% vs previous 30 days</span>
        @endif
        <svg class="spark" viewBox="0 0 100 30" preserveAspectRatio="none" aria-hidden="true"><polyline points="{{ $sparkPts }}"/></svg>
    </a>
    <a class="stat" href="{{ route('admin.submissions.index', ['unread' => 1]) }}">
        <span class="stat-ic ic-amber">@include('admin._icon', ['i' => 'mail'])</span>
        <span class="stat-label">Unread enquiries</span>
        <strong data-count-up="{{ $counts['unread'] }}" @class(['hot' => $counts['unread'] > 0])>{{ $counts['unread'] }}</strong>
        <span class="stat-foot">{{ $counts['unread'] ? 'Open the inbox →' : 'Inbox zero' }}</span>
    </a>
    <a class="stat" href="{{ route('admin.pages.index', ['type' => 'post']) }}">
        <span class="stat-ic ic-green">@include('admin._icon', ['i' => 'news'])</span>
        <span class="stat-label">Posts &amp; news</span>
        <strong data-count-up="{{ $counts['posts'] }}">{{ $counts['posts'] }}</strong>
        <span class="stat-foot">{{ $counts['postsMonth'] }} published in the last 30 days</span>
    </a>
    <a class="stat" href="{{ route('admin.pages.index', ['type' => 'post']) }}">
        <span class="stat-ic ic-blue">@include('admin._icon', ['i' => 'eye'])</span>
        <span class="stat-label">Post views (all time)</span>
        <strong data-count-up="{{ $counts['views'] }}">{{ number_format($counts['views']) }}</strong>
        <span class="stat-foot">{{ $counts['pages'] }} pages · {{ $counts['drafts'] }} {{ Str::plural('draft', $counts['drafts']) }}</span>
    </a>
    <a class="stat" href="{{ route('admin.media.index') }}">
        <span class="stat-ic ic-pink">@include('admin._icon', ['i' => 'image'])</span>
        <span class="stat-label">Media files</span>
        <strong data-count-up="{{ $counts['media'] }}">{{ number_format($counts['media']) }}</strong>
        <span class="stat-foot">Images, PDFs &amp; videos</span>
    </a>
</div>

<div class="dash-grid">
    <section class="card chart-card" id="enquiries">
        <div class="card-head">
            <div><h2>Enquiries</h2><p class="muted small">Form submissions per {{ $range === 365 ? 'month, last 12 months' : 'day, last '.$range.' days' }} · click a bar to see them</p></div>
            <div class="chart-head-right">
                <div class="seg" role="tablist" aria-label="Period">
                    @foreach ($ranges as $r => $label)
                        <a href="{{ route('admin.dashboard', ['range' => $r]) }}#enquiries" @class(['on' => $range === $r])>{{ $label }}</a>
                    @endforeach
                </div>
                <div class="chart-total"><strong data-count-up="{{ $chartTotal }}">{{ $chartTotal }}</strong><span class="muted small">total</span></div>
            </div>
        </div>
        <div class="chart" data-chart>
            <div class="chart-grid"><span>{{ $max }}</span><span>{{ $max >= 2 ? (int) round($max / 2) : '' }}</span><span>0</span></div>
            <div class="chart-bars" style="--gap: {{ count($series) > 40 ? 1 : 4 }}px">
                @foreach ($series as $i => $d)
                    <a class="bar" href="{{ route('admin.submissions.index', ['from' => $d['from'], 'to' => $d['to']]) }}" style="--h: {{ round($d['n'] / $max * 100, 1) }}%" data-tip="{{ $d['label'] }} · {{ number_format($d['n']) }} {{ Str::plural('enquiry', $d['n']) }}" @if($d['n'] === 0) data-zero @endif>
                        <span></span>
                    </a>
                @endforeach
            </div>
            <div class="chart-x"><span>{{ $series[0]['short'] }}</span><span>{{ $series[intdiv(count($series), 2)]['short'] }}</span><span>{{ $range === 365 ? 'This month' : 'Today' }}</span></div>
        </div>
        @if ($byForm->isNotEmpty())
            <div class="by-form">
                @php($fmax = max(1, $byForm->max()))
                @foreach ($byForm as $name => $n)
                    <div class="hbar"><span class="hbar-label">{{ $name ?: 'Form' }}</span><span class="hbar-track"><span style="--w: {{ round($n / $fmax * 100) }}%"></span></span><b>{{ $n }}</b></div>
                @endforeach
            </div>
        @endif
    </section>

    <section class="card seo-card">
        <div class="card-head"><div><h2>SEO health</h2><p class="muted small">Published pages with a meta description</p></div></div>
        <div class="ring-wrap">
            <svg class="ring" viewBox="0 0 80 80" aria-hidden="true">
                <circle cx="40" cy="40" r="34" class="ring-bg"/>
                <circle cx="40" cy="40" r="34" class="ring-fg" style="stroke: {{ $scoreColor }}; stroke-dasharray: {{ round($circ, 2) }}; --off: {{ round($circ * (1 - $seo['score'] / 100), 2) }}"/>
            </svg>
            <div class="ring-text"><strong data-count-up="{{ $seo['score'] }}">{{ $seo['score'] }}</strong><span>%</span></div>
        </div>
        <p class="center small">{{ $seo['live'] - $seo['missing'] }} of {{ $seo['live'] }} pages are ready for Google.</p>
        @if ($seo['list']->isNotEmpty())
            <ul class="fix-list">
                @foreach ($seo['list'] as $p)
                    <li><span>{{ Str::limit($p->title, 34) }}</span><a class="btn btn-xs" href="{{ route('admin.pages.edit', [$p, 'tab' => 'seo']) }}">Add</a></li>
                @endforeach
            </ul>
            @if ($seo['missing'] > $seo['list']->count())<p class="small muted center">and {{ $seo['missing'] - $seo['list']->count() }} more</p>@endif
        @endif
    </section>
</div>

<div class="dash-grid three">
    <section class="card">
        <div class="card-head"><h2>Latest enquiries</h2><a class="link-more" href="{{ route('admin.submissions.index') }}">View all @include('admin._icon', ['i' => 'arrow-right', 'class' => 'i-xs'])</a></div>
        <ul class="feed">
            @forelse ($submissions as $s)
                @php($first = (string) (collect($s->data)->reject(fn ($v, $k) => str_starts_with($k, '_') || is_array($v) || $v === '')->first() ?: 'Submission #'.$s->id))
                <li @class(['unread' => ! $s->read_at])>
                    <a href="{{ route('admin.submissions.show', $s) }}">
                        <span class="avatar avatar-sm" style="--hue: {{ crc32($first) % 360 }}">{{ mb_strtoupper(mb_substr($first, 0, 1)) }}</span>
                        <span class="feed-main"><strong>{{ Str::limit($first, 30) }}</strong><small>{{ $s->form_name }}</small></span>
                        <span class="feed-time">{{ $s->created_at->diffForHumans(null, true) }}</span>
                    </a>
                </li>
            @empty
                <li class="empty">No enquiries yet.</li>
            @endforelse
        </ul>
    </section>

    <section class="card">
        <div class="card-head"><h2>Recently edited</h2><a class="link-more" href="{{ route('admin.pages.index') }}">All pages @include('admin._icon', ['i' => 'arrow-right', 'class' => 'i-xs'])</a></div>
        <ul class="feed">
            @foreach ($recent as $p)
                <li>
                    <a href="{{ route('admin.pages.edit', $p) }}">
                        <span class="feed-ic">@include('admin._icon', ['i' => $p->type === 'post' ? 'news' : 'file'])</span>
                        <span class="feed-main"><strong>{{ Str::limit($p->title, 32) }}</strong><small>/{{ Str::limit($p->path, 30) }}{{ $p->path !== '' ? '/' : '' }} @if($p->status === 'draft')· draft @endif</small></span>
                        <span class="feed-time">{{ $p->updated_at->diffForHumans(null, true) }}</span>
                    </a>
                    <a class="feed-action" href="{{ route('admin.builder.show', $p) }}" data-tip="Open in visual editor">@include('admin._icon', ['i' => 'wand'])</a>
                </li>
            @endforeach
        </ul>
    </section>

    <section class="card">
        <div class="card-head"><h2>Setup checklist</h2><span class="badge {{ $okChecks === count($checks) ? 'badge-ok' : 'badge-warn' }}">{{ $okChecks }}/{{ count($checks) }}</span></div>
        <div class="meter"><span style="--w: {{ round($okChecks / count($checks) * 100) }}%"></span></div>
        <ul class="checks">
            @foreach ($checks as [$label, $done, $link])
                <li @class(['done' => $done])>
                    <span class="check-ic">@include('admin._icon', ['i' => $done ? 'check' : 'x'])</span>
                    <span>{{ $label }}</span>
                    @if (! $done && $link)<a class="btn btn-xs" href="{{ $link }}">Set up</a>@elseif(! $done)<span class="small muted">server .env</span>@endif
                </li>
            @endforeach
        </ul>
    </section>
</div>

<div class="dash-grid">
    <section class="card">
        <div class="card-head"><h2>Unpublished visual-editor changes</h2></div>
        @if ($drafts->isEmpty())
            <div class="empty-state">@include('admin._icon', ['i' => 'sparkles'])<p>Everything is published.</p><small class="muted">Changes made in the visual editor wait here until you press <b>Update</b>.</small></div>
        @else
            <ul class="feed">
                @foreach ($drafts as $d)
                    @continue(! $d->page)
                    <li>
                        <a href="{{ route('admin.builder.show', $d->page) }}">
                            <span class="feed-ic ic-amber">@include('admin._icon', ['i' => 'pencil'])</span>
                            <span class="feed-main"><strong>{{ Str::limit($d->page->title, 40) }}</strong><small>{{ $d->page->typeLabel() }} · edited {{ $d->updated_at->diffForHumans() }}</small></span>
                            <span class="btn btn-xs">Continue</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endif
    </section>

    <section class="card">
        <div class="card-head"><h2>Most-read posts</h2><a class="link-more" href="{{ route('admin.pages.index', ['type' => 'post']) }}">All posts @include('admin._icon', ['i' => 'arrow-right', 'class' => 'i-xs'])</a></div>
        @php($vmax = max(1, $topPosts->max('views')))
        <ul class="rank">
            @forelse ($topPosts as $i => $p)
                <li>
                    <span class="rank-n">{{ $i + 1 }}</span>
                    <a href="{{ route('admin.pages.edit', $p) }}">{{ Str::limit($p->title, 48) }}</a>
                    <span class="rank-bar"><span style="--w: {{ round($p->views / $vmax * 100) }}%"></span></span>
                    <b>{{ number_format($p->views) }}</b>
                </li>
            @empty
                <li class="empty">No published posts yet.</li>
            @endforelse
        </ul>
    </section>
</div>

<section class="card tips">
    <div class="tip">@include('admin._icon', ['i' => 'wand'])<div><strong>Visual editor</strong><p>Click any text, image or button on the page and edit it in place — like Elementor. Drag widgets in from the panel.</p></div></div>
    <div class="tip">@include('admin._icon', ['i' => 'command'])<div><strong>Find anything fast</strong><p>Press <kbd>Ctrl</kbd> <kbd>K</kbd> to search pages, posts, enquiries and media, or jump to any screen.</p></div></div>
    <div class="tip">@include('admin._icon', ['i' => 'shield'])<div><strong>Safe to experiment</strong><p>Visual-editor changes stay a draft until you press Update, and every update keeps a version you can restore.</p></div></div>
</section>
@endsection