@extends('layout')
@section('title',$campaign->name)
@section('content')
@php($canExec = auth()->user()?->hasPermission('execute'))
<div class="row" style="justify-content:space-between">
    <h1>{{ $campaign->name }} <span class="pill {{ $campaign->status }}">{{ $campaign->status }}</span></h1>
    <div class="row">
        <a class="btn secondary" href="{{ route('campaigns.preview',$campaign) }}">Aperçu</a>
        <a class="btn secondary" href="{{ route('campaigns.report',$campaign) }}" target="_blank">Rapport PDF</a>
        @if(auth()->user()?->hasPermission('write'))
            <a class="btn secondary" href="{{ route('campaigns.edit',$campaign) }}">Modifier</a>
        @endif
        <a class="btn secondary" href="{{ route('campaigns.export',$campaign) }}">Export CSV</a>
    </div>
</div>

<div class="card">
    <h2>Détails</h2>
    <p><strong>Sujet :</strong> {{ $campaign->subject }}<br>
       <strong>Expéditeur :</strong> {{ $campaign->from_name }} &lt;{{ $campaign->from_email }}&gt;<br>
       <strong>URL cachée :</strong> {{ $campaign->landing_url ?? 'Page de sensibilisation interne' }}<br>
       <strong>Fausse page de login :</strong> {{ $campaign->capture_login ? 'Activée (capture de soumission)' : 'Désactivée' }}
       @if($campaign->scheduled_at)<br><strong>Planifiée pour :</strong> {{ $campaign->scheduled_at->format('d/m/Y H:i') }}@endif
       @if($campaign->target)<br><strong>Dernière cible :</strong> {{ $audienceLabel }}@endif
    </p>
</div>

@if($canExec)
<div class="card">
    <h2>Envoi</h2>
    <p class="muted" style="margin-top:0">
        Compose la cible en choisissant librement à chaque niveau : une entité entière, quelques départements,
        des projets précis, et/ou des personnes nommément — tout ce qui est coché s'additionne. Rien de coché =
        tous les employés actifs.
    </p>
    <form method="post" action="{{ route('campaigns.send', $campaign) }}" id="send-form">
        @csrf
        @include('campaigns._audience-fields', ['target' => $campaign->target])

        <div class="row" style="align-items:flex-end;gap:20px;margin-top:14px">
            <button class="btn ok" onclick="return confirm('Envoyer maintenant à ' + document.getElementById('audience').dataset.count + ' destinataire(s) ?')">{{ $campaign->status==='sent' ? 'Renvoyer' : 'Envoyer maintenant' }}</button>
            <div><label style="margin-top:0">Ou planifier l'envoi</label>
                <input type="datetime-local" name="scheduled_at"></div>
            <button class="btn" formaction="{{ route('campaigns.schedule', $campaign) }}">Planifier</button>
        </div>
    </form>
    <p class="muted" style="margin-bottom:0">Une campagne planifiée retrouve sa cible à l'heure dite : les personnes arrivées entre-temps dans la sélection sont incluses.</p>
</div>
@endif

<div class="card">
    <h2>Pièges & clics</h2>
    <table>
        <tr><th>#</th><th>Type</th><th>Libellé</th><th>Clics</th></tr>
        @foreach($campaign->traps as $t)
            <tr><td>trap:{{ $t->position }}</td><td>{{ $t->type }}</td><td>{{ $t->label }}</td><td><strong>{{ $perTrap[$t->id] ?? 0 }}</strong></td></tr>
        @endforeach
    </table>
</div>

<div class="card">
    <h2>Résultats par destinataire
        @if($submittedCount)<span class="pill" style="background:#fee2e2;color:#991b1b">{{ $submittedCount }} identifiants soumis</span>@endif
        @if($reportedCount)<span class="pill" style="background:#dcfce7;color:#166534">{{ $reportedCount }} ont signalé</span>@endif
    </h2>
    <form method="get" action="{{ route('campaigns.show', $campaign) }}" id="recipients-filters" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end;gap:12px">
            <div style="flex:1;min-width:200px"><label>Recherche</label>
                <input type="text" name="q" value="{{ $q }}" placeholder="Nom ou email…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '')
                <div><a class="btn secondary" href="{{ route('campaigns.show', $campaign) }}">Réinitialiser</a></div>
            @endif
        </div>
    </form>
    <div id="results">
        <div class="row" style="justify-content:space-between;align-items:center;margin:10px 0 6px">
            <span class="muted" style="font-size:13px">{{ $recipients->total() }} destinataire(s)</span>
            @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'recipients-filters'])
        </div>
        <table>
            <tr><th>Employé</th><th>Email</th><th>Ouvert</th><th>Ouvertures</th><th>Clics</th><th>Soumis</th><th>Signalé</th><th>1er clic</th><th></th></tr>
            @forelse($recipients as $r)
                <tr>
                    <td>{{ $r->employee->name }}</td>
                    <td>{{ $r->employee->email }}</td>
                    <td>{{ $r->opened_at ? '✅ '.$r->opened_at->format('d/m H:i') : '—' }}</td>
                    <td>{{ $r->opens_count }}</td>
                    <td>@if($r->clicks_count) <strong style="color:#dc2626">{{ $r->clicks_count }}</strong> @else 0 @endif</td>
                    <td>{{ $r->submitted_at ? '⚠️' : '—' }}</td>
                    <td>{{ $r->reported_at ? '🚩' : '—' }}</td>
                    <td>{{ $r->first_clicked_at?->format('d/m H:i') ?? '—' }}</td>
                    <td style="text-align:right"><a class="btn secondary" href="{{ route('campaigns.recipient', [$campaign, $r]) }}">Détails</a></td>
                </tr>
            @empty
                <tr><td colspan="9" class="muted">{{ $q !== '' ? 'Aucun destinataire ne correspond à cette recherche.' : 'Pas encore envoyée.' }}</td></tr>
            @endforelse
        </table>
        <div style="margin-top:14px">{{ $recipients->links() }}</div>
    </div>
</div>
@endsection