@extends('admin.layout', ['menuKey' => 'analytics'])

@section('title', 'Analytics')

@php
    use App\Support\Charts;
    $range = $d['range'];
    $pct = fn ($a, $b) => $b > 0 ? number_format($a / $b * 100, 1).'%' : '–';
    $rowsTable = fn (string $h, array $rows, string $n = 'Count') => ['head' => [$h, $n], 'rows' => array_map(fn ($r) => [$r['label'], number_format($r['n'])], $rows)];
@endphp

@section('content')
    <div class="adm-head">
        <div><div class="eyebrow">Overview</div><h1>Analytics</h1>
            <p class="muted">The whole site, counted on our own server: people (not bots, not admins), where they came from, what they looked for, and what it earned. Updated every 10 minutes. Google Analytics still runs alongside for anyone who wants its reports.</p></div>
        <a class="btn" href="{{ route('admin.health') }}">Site health</a>
    </div>
    @include('charts.range', ['range' => $range, 'csv' => request()->fullUrlWithQuery(['format' => 'csv'])])
    @include('charts.kpis', ['tiles' => $d['kpis']])

    <div class="dash-grid">
        @include('dash._trend', ['series' => $d['series'], 'range' => $range, 'title' => 'Over time'])

        <h2 class="dash-section wide">Visitors</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Where visits came from</h2></header>
            @include('charts.bars', ['rows' => $d['sources']])
            @include('dash._table', ['table' => $rowsTable('Source', $d['sources'], 'Page views')])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Top referring sites</h2></header>
            @include('charts.bars', ['rows' => $d['referrers'], 'empty' => 'No other sites have sent visitors in this period.'])
        </section>
        <section class="card viz-card wide">
            <header><h2 class="h3">Where visitors are</h2><p class="small muted">Page views by state; countries and cities beside it.</p></header>
            <div class="map-split">
                @include('charts.usmap', ['values' => $d['states'], 'noun' => 'page views'])
                <div>
                    <h3 class="small muted" style="margin:0 0 6px">Countries</h3>
                    @include('charts.bars', ['rows' => $d['countries']])
                    <h3 class="small muted" style="margin:14px 0 6px">Cities</h3>
                    @include('charts.bars', ['rows' => $d['cities'], 'empty' => 'No cities yet (needs the MaxMind database).'])
                </div>
            </div>
            @include('dash._table', ['table' => ['head' => ['State', 'Page views'], 'rows' => collect($d['states'])->sortDesc()->map(fn ($n, $s) => [Charts::stateName($s), number_format($n)])->values()->all()]])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Time of day</h2><p class="small muted">Page views by hour, US Eastern</p></header>
            @include('charts.columns', ['values' => $d['hours'], 'noun' => 'page views'])
            @include('dash._table', ['table' => ['head' => ['Hour', 'Page views'], 'rows' => array_map(fn ($k, $v) => [Charts::hour($k), number_format($v)], array_keys($d['hours']), $d['hours'])]])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Devices and browsers</h2></header>
            @include('charts.bars', ['rows' => $d['devices']])
            <h3 class="small muted" style="margin:14px 0 6px">Browsers</h3>
            @include('charts.bars', ['rows' => $d['browsers']])
        </section>
        <section class="card viz-card wide">
            <header><h2 class="h3">Most viewed pages</h2></header>
            @include('charts.bars', ['rows' => $d['pages']])
        </section>

        <h2 class="dash-section wide">Jobs and search</h2>
        <section class="card viz-card">
            <header><h2 class="h3">From search to reply</h2><p class="small muted">All posts together</p></header>
            @php $top = $d['funnel'][0][1] ?: 1; @endphp
            <div class="funnel" role="list">
                @foreach ($d['funnel'] as $i => [$label, $n])
                    <div class="fstep" role="listitem"><span>{{ $label }}</span><span><span class="fbar" style="display:block;width:{{ max(0.8, round($n / $top * 100, 2)) }}%"></span></span><span class="fval">{{ number_format($n) }}@if ($i === 1)<small>{{ $pct($n, $d['funnel'][0][1]) }} of those seen</small>@endif</span></div>
                @endforeach
            </div>
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">What people search for</h2><p class="small muted">{{ number_format($d['searchCount']) }} searches by words or place @if ($d['probes'] > 0)<span title="Automated scanners typing code into the search box to test the site. They're harmless here (shown as plain text, never run) and aren't listed.">· {{ number_format($d['probes']) }} {{ $d['probes'] === 1 ? 'attack test' : 'attack tests' }} left out</span>@endif</p></header>
            @include('charts.bars', ['rows' => $d['searches'], 'empty' => 'No searches by words yet.'])
            <h3 class="small muted" style="margin:14px 0 6px">Places searched</h3>
            @include('charts.bars', ['rows' => $d['searchPlaces'], 'empty' => 'No place searches yet.'])
        </section>
        <section class="card viz-card wide">
            <header><h2 class="h3">Searches that found nothing</h2><p class="small muted">Job titles or places people want that the board doesn't have yet.</p></header>
            @include('charts.bars', ['rows' => $d['noResults'], 'empty' => 'Every search found something.'])
        </section>

        <h2 class="dash-section wide">Posting</h2>
        <section class="card viz-card">
            <header><h2 class="h3">New posts, by how they were made and paid for</h2></header>
            @include('charts.bars', ['rows' => $d['posting']['source'], 'empty' => 'No new posts in this period.'])
            <h3 class="small muted" style="margin:14px 0 6px">Paid with</h3>
            @include('charts.bars', ['rows' => $d['posting']['paid'], 'empty' => 'No new posts in this period.'])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Posters held back by a limit</h2><p class="small muted">{{ number_format($d['posting']['limitTotal']) }} times in this period</p></header>
            @include('charts.bars', ['rows' => $d['posting']['limits'], 'empty' => 'Nobody hit a limit.'])
            <h3 class="small muted" style="margin:14px 0 6px">By email domain</h3>
            @include('charts.bars', ['rows' => $d['posting']['limitWho'], 'empty' => 'Nobody hit a limit.'])
        </section>

        <h2 class="dash-section wide">Job packs</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Sold and used</h2></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Packs sold', 'value' => number_format($d['packs']['sold']), 'sub' => number_format($d['packs']['postsSold']).' posts'],
                ['label' => 'Pack revenue', 'value' => '$'.number_format($d['packs']['revenue'] / 100, 2), 'sub' => 'after refunds, before tax'],
                ['label' => 'Pack posts used', 'value' => number_format($d['packs']['used']), 'sub' => number_format($d['packs']['returned']).' given back'],
                ['label' => 'Given free', 'value' => number_format($d['packs']['postsGiven']), 'sub' => 'posts, by admins'],
            ]])
            <h3 class="small muted" style="margin:6px 0 6px">Packs sold, by size</h3>
            @include('charts.bars', ['rows' => $d['packs']['bySize'], 'empty' => 'No packs sold in this period.'])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Posts still to use</h2><p class="small muted">{{ number_format($d['packs']['outstanding']) }} unused · {{ number_format($d['packs']['expiring']) }} expire within 30 days</p></header>
            @include('charts.bars', ['rows' => $d['packs']['top'], 'empty' => 'No unused pack posts.'])
        </section>

        <h2 class="dash-section wide">Replies to candidates (No Ghosting)</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Are candidates answered?</h2><p class="small muted">Conversations started in this period</p></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Answered', 'value' => $d['replies']['rate'] === null ? '–' : $d['replies']['rate'].'%', 'sub' => 'of '.number_format($d['replies']['conversations']).' conversations'],
                ['label' => 'Usual reply', 'value' => $d['replies']['median'] ? $d['replies']['median'].' bd' : '–', 'sub' => 'business days (median)'],
                ['label' => 'Waiting now', 'value' => number_format($d['replies']['waiting']), 'sub' => 'past '.\App\Services\Orgs\ReplyStats::PENDING_DAYS.' business days'],
                ['label' => 'Reminders', 'value' => number_format($d['replies']['nudges']), 'sub' => number_format($d['replies']['closedNotices']).' "job closed" notes to candidates'],
            ]])
            <p class="small muted">No Ghosting badge: {{ $d['replies']['lost'] }} verified {{ $d['replies']['lost'] === 1 ? 'organization has' : 'organizations have' }} lost it, {{ $d['replies']['warned'] }} warned.</p>
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Candidates waiting, by employer</h2><p class="small muted">Waiting longer than {{ \App\Services\Orgs\ReplyStats::PENDING_DAYS }} business days</p></header>
            @include('charts.bars', ['rows' => $d['replies']['waitingBy'], 'empty' => 'Nobody is waiting. Every candidate has an answer.'])
        </section>
        <section class="card viz-card wide">
            <header><h2 class="h3">Filters people use on the job board</h2></header>
            @include('charts.bars', ['rows' => $d['filters'], 'empty' => 'No filters used in this period.'])
        </section>

        <h2 class="dash-section wide">Blog shares</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Shares by where</h2><p class="small muted">{{ number_format($d['shares']['total']) }} in this period</p></header>
            @include('charts.bars', ['rows' => $d['shares']['by'], 'empty' => 'No articles shared in this period.'])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Most shared articles</h2></header>
            @include('charts.bars', ['rows' => $d['shares']['top'], 'empty' => 'No articles shared in this period.'])
        </section>

        <h2 class="dash-section wide">Bulk uploads</h2>
        <section class="card viz-card">
            <header><h2 class="h3">CSV files</h2><p class="small muted">{{ number_format($d['bulk']['uploads']) }} uploads from {{ number_format($d['bulk']['orgs']) }} {{ $d['bulk']['orgs'] === 1 ? 'organization' : 'organizations' }}</p></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Rows uploaded', 'value' => number_format($d['bulk']['rows']), 'sub' => number_format($d['bulk']['valid']).' passed the checks'],
                ['label' => 'Jobs posted', 'value' => number_format($d['bulk']['posted']), 'sub' => number_format($d['bulk']['live']).' went live at once'],
                ['label' => 'Not posted', 'value' => number_format($d['bulk']['notPosted']), 'sub' => 'refused when publishing'],
                ['label' => 'Not finished', 'value' => number_format($d['bulk']['abandoned']), 'sub' => 'uploads never posted'],
            ]])
            <h3 class="small muted" style="margin:6px 0 6px">Uploads by outcome</h3>
            @include('charts.bars', ['rows' => $d['bulk']['status'], 'empty' => 'No bulk uploads in this period.'])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Most common CSV problems</h2><p class="small muted">Rows with a problem, by column</p></header>
            @include('charts.bars', ['rows' => $d['bulk']['fields'], 'empty' => 'No problems found in uploaded rows.'])
        </section>

        <h2 class="dash-section wide">Sponsored placements</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Totals</h2></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Views', 'value' => Charts::compact($d['sponsor']['views'])],
                ['label' => 'Clicks', 'value' => Charts::compact($d['sponsor']['clicks']), 'sub' => $pct($d['sponsor']['clicks'], $d['sponsor']['views']).' click rate'],
                ['label' => 'Spend', 'value' => Charts::money($d['sponsor']['spend'])],
            ]])
            <h3 class="small muted" style="margin:6px 0 6px">By placement</h3>
            @include('charts.bars', ['rows' => array_map(fn ($r) => $r + ['note' => number_format($r['clicks']).' clicks · '.$pct($r['clicks'], $r['n'])], $d['sponsor']['placements'])])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Top campaigns</h2><p class="small muted">By spend, then views</p></header>
            @include('charts.bars', ['rows' => array_map(fn ($r) => $r + ['note' => number_format($r['clicks']).' clicks · '.($r['house'] ? 'house' : Charts::money($r['spend']))], $d['sponsor']['top']), 'empty' => 'No sponsored views in this period.'])
        </section>

        <h2 class="dash-section wide">Email and speed</h2>
        <section class="card viz-card">
            <header><h2 class="h3">Email</h2></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Job alert emails', 'value' => Charts::compact($d['email']['alerts']), 'sub' => 'jobs sent to candidates'],
                ['label' => 'Bounces', 'value' => number_format($d['email']['bounces']), 'delta' => Charts::delta($d['email']['bounces'], $d['email']['prevBounces'], 'down', $range->previous()->label)],
                ['label' => 'Spam complaints', 'value' => number_format($d['email']['complaints'])],
            ]])
        </section>
        <section class="card viz-card">
            <header><h2 class="h3">Page speed</h2><p class="small muted">Server time to build a page (last 7 days at most)</p></header>
            @include('charts.kpis', ['tiles' => [
                ['label' => 'Typical', 'value' => $d['ms']['p50'] === null ? '–' : $d['ms']['p50'].' ms'],
                ['label' => '95% of pages under', 'value' => $d['ms']['p95'] === null ? '–' : $d['ms']['p95'].' ms'],
            ]])
            <h3 class="small muted" style="margin:6px 0 6px">Slowest page types (average ms)</h3>
            @include('charts.bars', ['rows' => $d['ms']['slow'], 'empty' => 'Not enough pages yet.'])
        </section>
    </div>
    @if ($d['since'])<p class="small muted">Counting started {{ $d['since'] }}. Revenue, posts, replies and sponsored figures come from their own records and go back further.</p>@endif
@endsection