@extends('layouts.panel')

@section('title', 'Dashboard')
@section('heading', 'Operação')
@section('lede')
    {{ now()->locale('pt_BR')->translatedFormat('l, d \d\e F') }} · últimos {{ strtolower($periodLabel) }}
@endsection

@section('content')
<section class="metric-strip" aria-label="Indicadores">
    @foreach ($metrics as $metric)
        <div class="metric-cell">
            <span>{{ $metric['label'] }}</span>
            <strong>{{ $metric['value'] }}</strong>
        </div>
    @endforeach
</section>

<section class="work-panel">
    <header class="work-panel-head">
        <div>
            <h2>Campanhas no ar</h2>
            <p>O que está sendo exibido nos pontos neste momento.</p>
        </div>
        <a class="btn-link" href="{{ route('panel.reports.index') }}">Ver relatórios</a>
    </header>

    @if ($activeCampaigns->isEmpty())
        <div class="empty-state">
            @if ($hasAudienceData)
                <p class="empty-kicker">Operação</p>
                <h3>Nenhuma campanha ativa agora</h3>
                <p>Há histórico de audiência nos últimos 7 dias. Ative uma campanha ou aguarde o horário programado.</p>
            @else
                <p class="empty-kicker">Operação</p>
                <h3>Ainda não há campanhas veiculando</h3>
                <p>Publique um vídeo, monte uma campanha e abra o portal em um ponto ativo para começar a medir.</p>
            @endif
            <dl class="empty-meta">
                <div>
                    <dt>Hotspot</dt>
                    <dd>{{ $hotspotDriver->label() }}</dd>
                </div>
                <div>
                    <dt>Liberação</dt>
                    <dd>{{ (int) ($grantSeconds / 60) }} minutos</dd>
                </div>
            </dl>
        </div>
    @else
        <div class="record-list">
            @foreach ($activeCampaigns as $campaign)
                <article class="record-card">
                    <div class="record-card-main">
                        <span class="record-avatar" aria-hidden="true">{{ mb_strtoupper(mb_substr($campaign->name, 0, 1)) }}</span>
                        <div>
                            <h3 class="record-card-title">{{ $campaign->name }}</h3>
                            <p class="record-card-sub">{{ $campaign->advertiser?->company?->displayName() ?? $campaign->advertiser?->contact_name }}</p>
                            <p class="record-card-meta">
                                <span>@if ($campaign->videos->isEmpty()) Sem vídeo @elseif ($campaign->videos->count() === 1) {{ $campaign->videos->first()->title }} @else {{ $campaign->videos->count() }} vídeos @endif</span>
                                <span>{{ $campaign->wifiPoints->count() }} ponto{{ $campaign->wifiPoints->count() === 1 ? '' : 's' }}</span>
                            </p>
                        </div>
                    </div>
                    <div class="record-card-aside">
                        <x-status-badge :status="$campaign->status" />
                        <div class="table-actions">
                            <a class="btn-link" href="{{ route('panel.campaigns.show', $campaign) }}">Ver</a>
                        </div>
                    </div>
                </article>
            @endforeach
        </div>
    @endif
</section>
@endsection