{{--
    Advertiser dashboard (all campaigns, or one). $d = Dashboards::advertiser(); $csv = download link.
--}}
@php
    use App\Support\Charts;
    $range = $d['range'];
    $pct = fn ($a, $b) => $b > 0 ? number_format($a / $b * 100, 2).'%' : '–';
    $hoursTable = fn (array $h, string $noun) => ['head' => ['Hour (US Eastern)', ucfirst($noun)], 'rows' => array_map(fn ($k, $v) => [Charts::hour($k), number_format($v)], array_keys($h), $h)];
@endphp
@include('charts.range', ['range' => $range, 'csv' => $csv ?? null])
@include('charts.kpis', ['tiles' => $d['kpis']])
<div class="dash-grid">
    @include('dash._trend', ['series' => $d['series'], 'range' => $range, 'title' => 'Over time'])

    <section class="card viz-card" data-tabs>
        <header>
            <h2 class="h3">Time of day</h2>
            <div class="viz-tabs" role="tablist" aria-label="Measure">
                <button type="button" role="tab" id="adv-h-t1" aria-controls="adv-h-p1" aria-selected="true">Views</button>
                <button type="button" role="tab" id="adv-h-t2" aria-controls="adv-h-p2" aria-selected="false" tabindex="-1">Clicks</button>
            </div>
        </header>
        <div role="tabpanel" id="adv-h-p1" aria-labelledby="adv-h-t1">@include('charts.columns', ['values' => $d['hours']['views'], 'noun' => 'views'])</div>
        <div role="tabpanel" id="adv-h-p2" aria-labelledby="adv-h-t2" hidden>@include('charts.columns', ['values' => $d['hours']['clicks'], 'noun' => 'clicks'])</div>
        <p class="small muted" style="margin:6px 0 0">US Eastern time.</p>
        @include('dash._table', ['table' => $hoursTable($d['hours']['views'], 'views')])
    </section>

    <section class="card viz-card">
        <header><h2 class="h3">Devices</h2></header>
        @include('charts.bars', ['rows' => array_map(fn ($r) => $r + ['note' => number_format($r['clicks']).' clicks · '.$pct($r['clicks'], $r['n'])], $d['devices'])])
    </section>

    <section class="card viz-card wide">
        <header><h2 class="h3">Where people saw it</h2><p class="small muted">Views by state. Places come from each visitor's network address; the address itself is never stored. Places with fewer than {{ $d['min'] }} views are grouped together.</p></header>
        <div class="map-split">
            @include('charts.usmap', ['values' => $d['states'], 'noun' => 'views', 'min' => $d['min']])
            <div>
                @php
                    $known = array_values(array_filter($d['stateRows'], fn ($r) => empty($r['muted'])));
                    $restRows = array_merge(array_slice($known, 10), array_values(array_filter($d['stateRows'], fn ($r) => ! empty($r['muted']))));
                    $list = array_slice($known, 0, 10);
                    if ($restRows) {
                        $list[] = ['label' => count($known) > 10 ? 'Everywhere else' : 'Other places and unknown', 'n' => array_sum(array_column($restRows, 'n')), 'clicks' => array_sum(array_column($restRows, 'clicks')), 'spend' => array_sum(array_column($restRows, 'spend')), 'muted' => true];
                    }
                @endphp
                @include('charts.bars', ['rows' => array_map(fn ($r) => $r + ['note' => number_format($r['clicks']).' clicks · '.Charts::money($r['spend'])], $list)])
            </div>
        </div>
        @include('dash._table', ['table' => ['head' => ['Place', 'Views', 'Clicks', 'Click rate', 'Spend'], 'rows' => array_map(fn ($r) => [$r['label'], number_format($r['n']), number_format($r['clicks']), $pct($r['clicks'], $r['n']), Charts::money($r['spend'])], $d['stateRows'])]])
    </section>

    <section class="card viz-card wide">
        <header><h2 class="h3">Where on the site</h2><p class="small muted">Slot 1 is the first sponsored row in a page of job results.</p></header>
        @include('charts.bars', ['rows' => array_map(fn ($r) => $r + ['note' => number_format($r['clicks']).' clicks · '.$pct($r['clicks'], $r['n']).' · '.Charts::money($r['spend'])], $d['placements'])])
        @include('dash._table', ['table' => ['head' => ['Placement', 'Views', 'Clicks', 'Click rate', 'Spend'], 'rows' => array_map(fn ($r) => [$r['label'], number_format($r['n']), number_format($r['clicks']), $pct($r['clicks'], $r['n']), Charts::money($r['spend'])], $d['placements'])]])
    </section>
</div>
@if ($d['since'])
    <p class="small muted">Views, clicks and spend are exactly what was counted and charged. Breakdowns by place, device, time of day and position start {{ $d['since'] }}, and update every 10 minutes.</p>
@endif