@extends('admin.layouts.app')
@section('title', 'Subscribers')
@section('heading', 'Newsletter Subscribers')

@section('content')
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;">
    <div style="color:#6b7280;">{{ $subscribers->total() }} subscribers</div>
    <a href="{{ route('admin.subscribers.index', ['export' => 'csv']) }}" data-no-pjax class="adm-btn adm-btn-primary"><i class="fa-solid fa-download"></i> Export CSV</a>
</div>

<table class="data-table">
    <thead><tr><th>#</th><th>Email</th><th>Joined</th><th></th></tr></thead>
    <tbody>
        @forelse($subscribers as $s)
            <tr>
                <td>#{{ $s->id }}</td>
                <td>{{ $s->email }}</td>
                <td>{{ $s->created_at->format('M d, Y') }}</td>
                <td>
                    <form method="POST" action="{{ route('admin.subscribers.destroy', $s) }}" onsubmit="return confirm('Remove?');" style="display:inline;">@csrf @method('DELETE')<button class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i></button></form>
                </td>
            </tr>
        @empty
            <tr><td colspan="4" style="text-align:center; padding:2rem; color:#6b7280;">No subscribers yet.</td></tr>
        @endforelse
    </tbody>
</table>
<div class="pagination-wrap">{{ $subscribers->links() }}</div>
@endsection