@extends('admin.panel.layout')
@section('admin_title', 'Leads')
@section('admin_content')
<div class="admin-header">
    <div>
        <span class="shop-muted-label">Marketing</span>
        <h1>Leads &amp; E-Mail-Sammlung</h1>
        <p class="shop-copy">Alle gesammelten E-Mail-Adressen — bestätigt, ausstehend, abgemeldet.</p>
    </div>
    <a href="{{ route('admin.leads.export', request()->query()) }}" class="shop-button-light">
        <i class="fas fa-download"></i> CSV exportieren
    </a>
</div>

@if(session('success'))
    <div class="flash-banner flash-banner-success">{{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="flash-banner flash-banner-error">{{ session('error') }}</div>
@endif

<div class="admin-card-grid">
    <div class="admin-metric-card"><span>Gesamt</span><strong>{{ $stats['total'] }}</strong></div>
    <div class="admin-metric-card"><span>Bestätigt</span><strong style="color:var(--ap-ok)">{{ $stats['confirmed'] }}</strong></div>
    <div class="admin-metric-card"><span>Ausstehend</span><strong style="color:var(--ap-warn)">{{ $stats['pending'] }}</strong></div>
    <div class="admin-metric-card"><span>Abgemeldet</span><strong style="color:var(--ap-err)">{{ $stats['unsubscribed'] }}</strong></div>
    <div class="admin-metric-card"><span>Conversion</span><strong>{{ $stats['rate'] }}%</strong></div>
</div>

<div style="display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start;">

<div class="admin-panel">
    <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;">
        <input type="text" name="search" placeholder="E-Mail suchen…" value="{{ request('search') }}"
            class="shop-input" style="flex:1;min-width:160px;padding:9px 13px;">
        <select name="status" class="shop-input" style="width:150px;padding:9px 13px;">
            <option value="">Alle Status</option>
            <option value="pending"      @selected(request('status')==='pending')>Ausstehend</option>
            <option value="confirmed"    @selected(request('status')==='confirmed')>Bestätigt</option>
            <option value="unsubscribed" @selected(request('status')==='unsubscribed')>Abgemeldet</option>
        </select>
        <input type="text" name="source" value="{{ request('source') }}" class="form-control" placeholder="Quelle (z.B. landing:seo-checkliste-2026)">
        <input type="date" name="from" value="{{ request('from') }}" class="form-control" placeholder="Von">
        <input type="date" name="to" value="{{ request('to') }}" class="form-control" placeholder="Bis">
        <button type="submit" class="shop-button-light" style="padding:9px 16px;"><i class="fas fa-filter"></i> Filtern</button>
        @if(request()->hasAny(['search','status','source','from','to']))
            <a href="{{ route('admin.leads.index') }}" class="shop-button-light" style="padding:9px 14px;">✕</a>
        @endif
    </form>

    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>E-Mail</th><th>Status</th><th>Quelle</th><th>Incentive</th><th>Datum</th><th>Aktionen</th>
                </tr>
            </thead>
            <tbody>
            @forelse($leads as $lead)
                <tr>
                    <td style="font-size:.9rem;">{{ $lead->email }}</td>
                    <td>
                        @php $sc = match($lead->status){ 'confirmed'=>'ok','pending'=>'warn','unsubscribed'=>'err', default=>'faint' } @endphp
                        <span class="admin-badge" style="background:rgba(0,0,0,.05);color:var(--ap-{{ $sc }})">{{ ucfirst($lead->status) }}</span>
                    </td>
                    <td style="font-size:.82rem;color:var(--ap-muted);max-width:160px;word-break:break-word;">{{ $lead->source ?: '—' }}</td>
                    <td style="font-size:.82rem;color:var(--ap-muted)">{{ $lead->incentive ?: '—' }}</td>
                    <td style="font-size:.8rem;white-space:nowrap">{{ $lead->created_at->format('d.m.Y') }}</td>
                    <td>
                        <div style="display:flex;gap:6px;flex-wrap:wrap;">
                            @if($lead->status === 'pending')
                                <form method="POST" action="{{ route('admin.leads.resend', $lead) }}">
                                    @csrf
                                    <button class="erledigt-btn" style="font-size:.76rem;padding:5px 10px;" title="OTP-Code erneut senden">Code senden</button>
                                </form>
                            @endif
                            <form method="POST" action="{{ route('admin.leads.destroy', $lead) }}"
                                onsubmit="return confirm('Lead {{ addslashes($lead->email) }} wirklich löschen (DSGVO-Löschung)?')">
                                @csrf @method('DELETE')
                                <button class="erledigt-btn" style="background:var(--ap-err);font-size:.76rem;padding:5px 10px;">Löschen</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" style="text-align:center;color:var(--ap-muted);padding:32px;">Keine Leads gefunden.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div style="margin-top:16px;">{{ $leads->links() }}</div>
</div>

<div class="admin-panel">
    <h3>Top-Quellen</h3>
    @forelse($topSources as $src => $n)
        <div style="display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--ap-line);font-size:.86rem;">
            <span style="color:var(--ap-ink);word-break:break-all;line-height:1.4;">{{ $src }}</span>
            <span style="font-weight:800;color:var(--ap-brand);flex-shrink:0;margin-left:10px;">{{ $n }}</span>
        </div>
    @empty
        <p style="color:var(--ap-muted);font-size:.88rem;">Noch keine Quellen.</p>
    @endforelse
</div>

</div>
@endsection