{{--
    Employer dashboard (several posts, or one). $d = Dashboards::employer(); $keep = query to keep; $csv.
    Places with fewer than $d['min'] people are never shown on their own.
--}}
@php
    $range = $d['range'];
    $top = $d['funnel'][0][1] ?: 1;
@endphp
@include('charts.range', ['range' => $range, 'keep' => $keep ?? [], 'csv' => $csv ?? null])
@include('charts.kpis', ['tiles' => $d['kpis']])
<div class="dash-grid">
    @include('dash._trend', ['series' => $d['series'], 'range' => $range, 'title' => 'Over time', 'markers' => $d['markers']])

    <section class="card viz-card">
        <header><h2 class="h3">From search to reply</h2></header>
        <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 > 0 && $d['funnel'][$i - 1][1] > 0 && $i < 2)<small>{{ number_format($n / $d['funnel'][$i - 1][1] * 100, 1) }}% of the step before</small>@endif</span>
                </div>
            @endforeach
        </div>
        <p class="small muted" style="margin:10px 0 0">"Seen" counts a job once it has been on screen in a list of results for a second.</p>
    </section>

    <section class="card viz-card">
        <header><h2 class="h3">When people look</h2><p class="small muted">Job page views by hour, US Eastern time</p></header>
        @include('charts.columns', ['values' => $d['hours'], 'noun' => 'views'])
        @include('dash._table', ['table' => ['head' => ['Hour', 'Views'], 'rows' => array_map(fn ($k, $v) => [\App\Support\Charts::hour($k), number_format($v)], array_keys($d['hours']), $d['hours'])]])
    </section>

    <section class="card viz-card wide">
        <header><h2 class="h3">Where viewers are</h2><p class="small muted">Places with fewer than {{ $d['min'] }} viewers are never shown on their own, so no one can be picked out.</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['placeRows'], fn ($r) => empty($r['muted'])));
                $rest = array_values(array_filter($d['placeRows'], fn ($r) => ! empty($r['muted'])));
                $restN = array_sum(array_column(array_slice($known, 10), 'n')) + array_sum(array_column($rest, 'n'));
            @endphp
            @include('charts.bars', ['rows' => array_merge(array_slice($known, 0, 10), $restN ? [['label' => count($known) > 10 ? 'Everywhere else' : 'Other places and unknown', 'n' => $restN, 'muted' => true]] : []), 'empty' => 'No views yet in this period.'])</div>
        </div>
    </section>

    <section class="card viz-card">
        <header><h2 class="h3">How they found it</h2></header>
        @include('charts.bars', ['rows' => $d['sources'], 'empty' => 'No views yet in this period.'])
    </section>

    <section class="card viz-card">
        <header><h2 class="h3">Devices</h2></header>
        @include('charts.bars', ['rows' => $d['devices'], 'empty' => 'No views yet in this period.'])
    </section>
</div>
@if ($d['since'])
    <p class="small muted">Your own visits (and your team's) are never counted. Figures update every 10 minutes; counting by place, device and source started {{ $d['since'] }}.</p>
@endif