@extends('layouts.panel')

@section('title', 'Interações')
@section('heading', 'Interações')
@section('lede', 'Cliques registrados após a conclusão do vídeo')

@section('content')
<section class="metric-strip" aria-label="Resumo">
    <div class="metric-cell">
        <span>Cliques</span>
        <strong>{{ number_format($summary['clicks'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>Impressões</span>
        <strong>{{ number_format($summary['impressions'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>CTR geral</span>
        <strong>{{ $summary['ctr'] !== null ? number_format($summary['ctr'], 1, ',', '.').'%' : '—' }}</strong>
    </div>
</section>

@if ($ctrByCampaign->isNotEmpty())
    <section class="work-panel">
        <header class="work-panel-head">
            <div>
                <h2>CTR por campanha</h2>
                <p>Cliques ÷ impressões, por campanha com atividade.</p>
            </div>
        </header>
        <div class="record-list">
            @foreach ($ctrByCampaign as $row)
                <article class="record-card">
                    <div class="record-card-main">
                        <span class="record-avatar" aria-hidden="true">{{ mb_strtoupper(mb_substr($row['campaign_name'], 0, 1)) }}</span>
                        <div>
                            <h3 class="record-card-title">{{ $row['campaign_name'] }}</h3>
                            <p class="record-card-meta">
                                <span>{{ number_format($row['impressions'], 0, ',', '.') }} impressões</span>
                                <span>{{ number_format($row['clicks'], 0, ',', '.') }} cliques</span>
                            </p>
                        </div>
                    </div>
                    <div class="record-card-aside">
                        <span class="badge">{{ $row['ctr'] !== null ? number_format($row['ctr'], 1, ',', '.').'%' : '—' }}</span>
                    </div>
                </article>
            @endforeach
        </div>
    </section>
@endif

<div class="page-toolbar">
    <form method="GET" class="filter-bar">
        <div class="field">
            <label for="q">Busca</label>
            <input id="q" name="q" value="{{ $filters['q'] }}" placeholder="URL, campanha ou ponto">
        </div>
        @if (auth()->user()->isAdmin())
            <div class="field">
                <label for="advertiser_id">Anunciante</label>
                <select id="advertiser_id" name="advertiser_id">
                    <option value="">Todos</option>
                    @foreach ($advertisers as $advertiser)
                        <option value="{{ $advertiser->id }}" @selected($filters['advertiser_id'] == $advertiser->id)>
                            {{ $advertiser->company?->displayName() ?? $advertiser->contact_name }}
                        </option>
                    @endforeach
                </select>
            </div>
        @endif
        <div class="field">
            <label for="type">Tipo</label>
            <select id="type" name="type">
                <option value="">Todos</option>
                @foreach ($types as $type)
                    <option value="{{ $type->value }}" @selected($filters['type'] === $type->value)>{{ $type->label() }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
    </form>
</div>

@if ($clicks->isEmpty())
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Audiência</p>
            <h3>Nenhuma interação registrada</h3>
            <p>Cliques aparecem quando o visitante toca em um link após concluir o vídeo no portal.</p>
        </div>
    </section>
@else
    <div class="record-list">
        @foreach ($clicks as $click)
            <article class="record-card">
                <div class="record-card-main">
                    <span class="record-avatar" aria-hidden="true">{{ mb_strtoupper(mb_substr($click->type->label(), 0, 1)) }}</span>
                    <div>
                        <h3 class="record-card-title">{{ $click->type->label() }}</h3>
                        <p class="record-card-sub">{{ $click->campaign?->name ?? 'Campanha' }} · {{ $click->wifiPoint?->name ?? 'Ponto' }}</p>
                        <p class="record-card-meta">
                            <span>{{ $click->occurred_at?->format('d/m/Y H:i') }}</span>
                            @if (auth()->user()->isAdmin())
                                <span>{{ $click->advertiser?->company?->displayName() ?? $click->advertiser?->contact_name }}</span>
                            @endif
                            <span class="truncate">{{ $click->url }}</span>
                        </p>
                    </div>
                </div>
            </article>
        @endforeach
        @if ($clicks->hasPages())
            <div class="pagination-wrap">{{ $clicks->links() }}</div>
        @endif
    </div>
@endif
@endsection