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

@section('content')

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead class="table-light"><tr><th>Name</th><th>Email</th><th>Subscribed</th><th class="text-end">Actions</th></tr></thead>
            <tbody>
                @forelse($subscribers as $subscriber)
                <tr>
                    <td>{{ trim($subscriber->first_name . ' ' . $subscriber->last_name) ?: '—' }}</td>
                    <td>{{ $subscriber->email }}</td>
                    <td>{{ $subscriber->created_at->format('d M Y') }}</td>
                    <td class="text-end">
                        <form method="POST" action="{{ route('admin.newsletter-subscribers.destroy', $subscriber) }}" class="d-inline" onsubmit="return confirm('Remove this subscriber?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center py-4 text-muted">No subscribers yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $subscribers->links() }}</div>

@endsection