{{-- resources/views/admin/subscribers/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title','Newsletter Subscribers')
@section('page-title','Newsletter Subscribers')

@section('admin-content')

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.5rem;">
    <div style="display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;">
        <div class="admin-card" style="padding:0.6rem 1rem;display:inline-flex;align-items:center;gap:0.5rem;">
            <span style="font-size:0.68rem;color:#9ca3af;font-weight:600;text-transform:uppercase;">Total</span>
            <span style="font-family:'Fraunces',serif;font-size:1.1rem;font-weight:700;color:#0f0f14;">{{ $total }}</span>
        </div>
        <div class="admin-card" style="padding:0.6rem 1rem;display:inline-flex;align-items:center;gap:0.5rem;">
            <span style="font-size:0.68rem;color:#9ca3af;font-weight:600;text-transform:uppercase;">Active</span>
            <span style="font-family:'Fraunces',serif;font-size:1.1rem;font-weight:700;color:#059669;">{{ $active }}</span>
        </div>
    </div>
    <a href="{{ route('admin.subscribers.export') }}" class="btn btn-outline btn-sm">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" style="width:0.8rem;height:0.8rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
        Export CSV
    </a>
</div>

<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr><th>Email</th><th>Name</th><th>Source</th><th>Subscribed</th><th>Status</th></tr>
        </thead>
        <tbody>
            @forelse($subscribers as $s)
            <tr>
                <td style="font-size:0.82rem;font-weight:500;color:#0f0f14;">{{ $s->email }}</td>
                <td style="font-size:0.78rem;color:#6b7280;">{{ $s->name ?? '—' }}</td>
                <td><span class="pill pill-blue" style="font-size:0.62rem;">{{ $s->source }}</span></td>
                <td style="font-size:0.72rem;color:#9ca3af;">{{ $s->subscribed_at->format('d M Y') }}</td>
                <td>
                    @if($s->isActive())
                    <span class="pill pill-green">Active</span>
                    @else
                    <span class="pill" style="background:#f1f5f9;color:#9ca3af;">Unsubscribed</span>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="5" style="text-align:center;padding:3rem;color:#9ca3af;">No subscribers yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($subscribers->hasPages())
<div style="margin-top:1rem;">{{ $subscribers->links() }}</div>
@endif

@endsection