@extends('layout')
@section('title','Campagnes')
@section('content')
<div class="row" style="justify-content:space-between">
    <h1>Campagnes</h1>
    @if(auth()->user()?->hasPermission('write'))
        <a class="btn" href="{{ route('campaigns.create') }}">+ Nouvelle campagne</a>
    @endif
</div>
<div class="card">
    <form method="get" action="{{ route('campaigns.index') }}" id="campaigns-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 sujet…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '' || $selectedStatuses !== [])
                <div><a class="btn secondary" href="{{ route('campaigns.index') }}">Réinitialiser</a></div>
            @endif
        </div>
        <div class="row" style="align-items:flex-start;margin-top:10px">
            <div style="flex:1;min-width:220px">
                @include('partials.multi-select', [
                    'name' => 'statuses', 'msLabel' => 'Statut', 'msPlaceholder' => 'Tous',
                    'msOptions' => [
                        ['id'=>'draft','label'=>'Brouillon'],
                        ['id'=>'scheduled','label'=>'Planifiée'],
                        ['id'=>'sending','label'=>"En cours d'envoi"],
                        ['id'=>'sent','label'=>'Envoyée'],
                    ],
                    'msSelected' => $selectedStatuses,
                ])
            </div>
        </div>
    </form>
</div>

<div class="card" id="results">
    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
        <h2 style="margin:0">{{ $campaigns->total() }} campagne(s)</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'campaigns-filters'])
    </div>
    <table>
        <tr><th>Nom</th><th>Sujet</th><th>Statut</th><th>Pièges</th><th>Destinataires</th><th></th></tr>
        @forelse($campaigns as $c)
            <tr>
                <td><strong>{{ $c->name }}</strong></td>
                <td class="muted">{{ $c->subject }}</td>
                <td><span class="pill {{ $c->status }}">{{ $c->status }}</span></td>
                <td>{{ $c->traps_count }}</td>
                <td>{{ $c->recipients_count }}</td>
                <td><a class="btn secondary" href="{{ route('campaigns.show',$c) }}">Ouvrir</a></td>
            </tr>
        @empty
            <tr><td colspan="6" class="muted">{{ ($q !== '' || $selectedStatuses !== []) ? 'Aucune campagne ne correspond à ces filtres.' : 'Aucune campagne.' }}</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $campaigns->links() }}</div>
</div>
@endsection