@extends('layouts.panel')

@section('title', 'Impressões')
@section('heading', 'Impressões')
@section('lede', 'Audiência agrupada por campanha ou vídeo — abra para ver cada sessão')

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

<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="Campanha, vídeo ou ponto">
        </div>
        <div class="field">
            <label for="group_by">Agrupar por</label>
            <select id="group_by" name="group_by">
                <option value="campaign" @selected($filters['group_by'] === 'campaign')>Campanha</option>
                <option value="video" @selected($filters['group_by'] === 'video')>Vídeo</option>
            </select>
        </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>
            <div class="field">
                <label for="wifi_point_id">Ponto</label>
                <select id="wifi_point_id" name="wifi_point_id">
                    <option value="">Todos</option>
                    @foreach ($wifiPoints as $point)
                        <option value="{{ $point->id }}" @selected($filters['wifi_point_id'] == $point->id)>{{ $point->name }}</option>
                    @endforeach
                </select>
            </div>
        @endif
        <div class="field">
            <label for="campaign_id">Campanha</label>
            <select id="campaign_id" name="campaign_id">
                <option value="">Todas</option>
                @foreach ($campaigns as $campaign)
                    <option value="{{ $campaign->id }}" @selected($filters['campaign_id'] == $campaign->id)>{{ $campaign->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label for="playback">Reprodução</label>
            <select id="playback" name="playback">
                <option value="">Todas</option>
                <option value="pending" @selected($filters['playback'] === 'pending')>Aguardando início</option>
                <option value="started" @selected($filters['playback'] === 'started')>Em reprodução</option>
                <option value="completed" @selected($filters['playback'] === 'completed')>Concluída</option>
                <option value="abandoned" @selected($filters['playback'] === 'abandoned')>Abandonada</option>
            </select>
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
    </form>
</div>

@if ($groups->isEmpty())
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Audiência</p>
            <h3>Nenhuma impressão registrada</h3>
            <p>As exibições aparecem quando alguém abre o portal em um ponto com campanha ativa.</p>
        </div>
    </section>
@else
    <div class="data-table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th scope="col">{{ $filters['group_by'] === 'video' ? 'Vídeo' : 'Campanha' }}</th>
                    <th scope="col">Impressões</th>
                    <th scope="col">Visitantes</th>
                    <th scope="col">Concluídos</th>
                    <th scope="col">Abandonos</th>
                    <th scope="col">Cliques</th>
                    <th scope="col">CTR</th>
                    <th scope="col">Última</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($groups as $row)
                    @php
                        $ctr = $row->impressions_count > 0
                            ? round(($row->clicks_count / $row->impressions_count) * 100, 1)
                            : null;
                        $detailUrl = $filters['group_by'] === 'video' && $row->video
                            ? route('panel.impressions.video', $row->video)
                            : ($row->campaign ? route('panel.impressions.campaign', $row->campaign) : null);
                        $title = $filters['group_by'] === 'video'
                            ? ($row->video?->title ?? 'Vídeo removido')
                            : ($row->campaign?->name ?? 'Campanha removida');
                        $subtitle = $filters['group_by'] === 'video'
                            ? ($row->video?->advertiser?->company?->displayName() ?? $row->video?->advertiser?->contact_name)
                            : ($row->campaign?->advertiser?->company?->displayName() ?? $row->campaign?->advertiser?->contact_name);
                    @endphp
                    <tr>
                        <td>
                            @if ($detailUrl)
                                <a class="btn-link" href="{{ $detailUrl }}">{{ $title }}</a>
                            @else
                                {{ $title }}
                            @endif
                            @if ($subtitle)
                                <br><small>{{ $subtitle }}</small>
                            @endif
                            @if ($filters['group_by'] === 'campaign' && $row->video)
                                <br><small>{{ $row->video->title }}</small>
                            @endif
                        </td>
                        <td>{{ number_format($row->impressions_count, 0, ',', '.') }}</td>
                        <td>{{ number_format($row->visitors_count, 0, ',', '.') }}</td>
                        <td>{{ number_format($row->completions_count, 0, ',', '.') }}</td>
                        <td>{{ number_format($row->abandoned_count, 0, ',', '.') }}</td>
                        <td>{{ number_format($row->clicks_count, 0, ',', '.') }}</td>
                        <td>{{ $ctr !== null ? number_format($ctr, 1, ',', '.').'%' : '—' }}</td>
                        <td>{{ $row->last_occurred_at ? \Illuminate\Support\Carbon::parse($row->last_occurred_at)->format('d/m/Y H:i') : '—' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @if ($groups->hasPages())
        <div class="pagination-wrap">{{ $groups->links() }}</div>
    @endif
@endif
@endsection