@extends('layouts.panel')

@section('title', 'Sessão '.$impression->occurred_at?->format('d/m/Y H:i'))
@section('heading', 'Detalhe da sessão')
@section('lede', $impression->campaign?->name ?? 'Impressão no portal')

@section('content')
<div class="page-toolbar">
    @if ($impression->campaign)
        <a href="{{ route('panel.impressions.campaign', $impression->campaign) }}" class="btn-link">← Voltar à campanha</a>
    @else
        <a href="{{ route('panel.impressions.index') }}" class="btn-link">← Voltar às impressões</a>
    @endif
</div>

<section class="work-panel">
    <header class="work-panel-head">
        <div>
            <h2>Visão geral</h2>
            <p>Visitante anônimo identificado por hash — sem dados pessoais.</p>
        </div>
        <span class="badge">{{ $impression->playbackStatusLabel() }}</span>
    </header>

    <dl class="detail-grid">
        <div>
            <dt>Data e hora</dt>
            <dd>{{ $impression->occurred_at?->format('d/m/Y H:i:s') ?? '—' }}</dd>
        </div>
        <div>
            <dt>Campanha</dt>
            <dd>
                @if ($impression->campaign)
                    <a class="btn-link" href="{{ route('panel.impressions.campaign', $impression->campaign) }}">{{ $impression->campaign->name }}</a>
                @else
                    —
                @endif
            </dd>
        </div>
        <div>
            <dt>Vídeo</dt>
            <dd>
                @if ($impression->video)
                    <a class="btn-link" href="{{ route('panel.impressions.video', $impression->video) }}">{{ $impression->video->title }}</a>
                @else
                    —
                @endif
            </dd>
        </div>
        <div>
            <dt>Ponto Wi-Fi</dt>
            <dd>{{ $impression->wifiPoint?->name ?? '—' }}</dd>
        </div>
        <div>
            <dt>Visitante (anon.)</dt>
            <dd><code>{{ $impression->visitorHint() ?? '—' }}</code></dd>
        </div>
        <div>
            <dt>Tempo assistido</dt>
            <dd>{{ $impression->watchedLabel() ?? '—' }}</dd>
        </div>
        @if ($impression->videoView?->completed_at)
            <div>
                <dt>Concluído em</dt>
                <dd>{{ $impression->videoView->completed_at->format('d/m/Y H:i:s') }}</dd>
            </div>
        @endif
        @if ($impression->videoView?->abandoned_at)
            <div>
                <dt>Abandonado em</dt>
                <dd>{{ $impression->videoView->abandoned_at->format('d/m/Y H:i:s') }}</dd>
            </div>
        @endif
        @if ($impression->captiveSession?->hotspotAuthorization)
            <div>
                <dt>Internet</dt>
                <dd>
                    @if ($impression->captiveSession->hotspotAuthorization->status === \App\Enums\HotspotAuthorizationStatus::Granted)
                        Liberada por {{ (int) round($impression->captiveSession->hotspotAuthorization->granted_seconds / 60) }} min
                    @else
                        {{ $impression->captiveSession->hotspotAuthorization->status->label() }}
                    @endif
                </dd>
            </div>
        @endif
    </dl>
</section>

<section class="work-panel">
    <header class="work-panel-head">
        <div>
            <h2>Interações</h2>
            <p>Cliques registrados após ou durante a sessão.</p>
        </div>
    </header>

    @if ($impression->clicks->isEmpty())
        <div class="empty-state compact">
            <p>Nenhum clique nesta sessão.</p>
        </div>
    @else
        <div class="data-table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Quando</th>
                        <th scope="col">Tipo</th>
                        <th scope="col">Destino</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($impression->clicks as $click)
                        <tr>
                            <td>{{ $click->occurred_at?->format('d/m/Y H:i:s') }}</td>
                            <td>{{ $click->type->label() }}</td>
                            <td><a class="btn-link" href="{{ $click->url }}" target="_blank" rel="noopener">{{ $click->url }}</a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>
@endsection