@extends('layout')
@section('title','Détail destinataire')
@section('content')
<div class="row" style="justify-content:space-between">
    <h1>{{ $recipient->employee->name }}</h1>
    <a class="btn secondary" href="{{ route('campaigns.show', $campaign) }}">← Retour au rapport</a>
</div>

<div class="card">
    <h2>Informations</h2>
    <p>
        <strong>Email :</strong> {{ $recipient->employee->email }}<br>
        <strong>Département :</strong> {{ $recipient->employee->departments()->pluck('name')->implode(', ') ?: '—' }}<br>
        <strong>Entité :</strong> {{ $recipient->employee->entities()->pluck('name')->implode(', ') ?: '—' }}<br>
        <strong>Projet :</strong> {{ $recipient->employee->projects->pluck('name')->implode(', ') ?: '—' }}<br>
        <strong>Campagne :</strong> {{ $campaign->name }}<br>
        <strong>Envoyé le :</strong> {{ $recipient->sent_at?->format('d/m/Y H:i') ?? '—' }}<br>
        <strong>1re ouverture :</strong> {{ $recipient->opened_at?->format('d/m/Y H:i') ?? '—' }}<br>
        <strong>1er clic :</strong> {{ $recipient->first_clicked_at?->format('d/m/Y H:i') ?? '—' }}<br>
        <strong>Total clics :</strong> {{ $recipient->click_count }}<br>
        <strong>Identifiants soumis :</strong> {{ $recipient->submitted_at ? 'Oui ('.$recipient->submitted_at->format('d/m/Y H:i').')' : 'Non' }}<br>
        <strong>A signalé le mail :</strong> {{ $recipient->reported_at ? 'Oui ✅ ('.$recipient->reported_at->format('d/m/Y H:i').')' : 'Non' }}
    </p>
</div>

<div class="card">
    <h2>Historique complet ({{ $events->count() }} événement{{ $events->count() > 1 ? 's' : '' }})</h2>
    <table>
        <tr><th>Date & heure</th><th>Type</th><th>Piège</th><th>IP</th><th>Localisation</th><th>Navigateur</th></tr>
        @forelse($events as $e)
            <tr>
                <td>{{ $e->created_at?->format('d/m/Y H:i:s') }}</td>
                <td>
                    @switch($e->event_type)
                        @case('click')<span class="pill" style="background:#fee2e2;color:#991b1b">Clic</span>@break
                        @case('submit')<span class="pill" style="background:#7f1d1d;color:#fff">Identifiants soumis</span>@break
                        @case('report')<span class="pill" style="background:#dcfce7;color:#166534">Signalé 🚩</span>@break
                        @default<span class="pill" style="background:#fef3c7;color:#92400e">Ouverture</span>
                    @endswitch
                </td>
                <td>{{ $e->trap?->label ?? '—' }}</td>
                <td class="muted">{{ $e->ip ?? '—' }}</td>
                <td class="muted">{{ $e->location() ?? '—' }}</td>
                <td class="muted" style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="{{ $e->user_agent }}">{{ $e->user_agent ?? '—' }}</td>
            </tr>
        @empty
            <tr><td colspan="6" class="muted">Aucun événement enregistré (mail pas encore ouvert / cliqué).</td></tr>
        @endforelse
    </table>
</div>
@endsection