@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    <div class="admin-page-header">
        <div>
            <h2><i class="fas fa-envelope-open-text me-2" style="color: var(--admin-accent);"></i> Newsletter Subscribers</h2>
            <small>Manage newsletter subscribers. Export the list to send newsletters via your email provider.</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.newsletter.compose', ['list' => 'general']) }}" class="btn btn-admin-primary btn-sm">
                <i class="fas fa-paper-plane me-1"></i> Send Email
            </a>
            <a href="{{ route('admin.newsletter.export') }}" class="btn btn-admin-secondary btn-sm">
                <i class="fas fa-download me-1"></i> Export
            </a>
        </div>
    </div>

    @include('partials.alerts')

    <!-- Add subscriber -->
    <div class="admin-form-card mb-4">
        <div class="card-header"><i class="fas fa-user-plus me-2"></i> Add a Subscriber</div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.newsletter.store') }}" class="row g-2 align-items-start">
                @csrf
                <div class="col-md-4">
                    <input type="text" name="name" class="form-control" placeholder="Name (optional)" value="{{ old('name') }}">
                </div>
                <div class="col-md-5">
                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="email@example.com" value="{{ old('email') }}" required>
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3 d-grid">
                    <button class="btn btn-admin-primary"><i class="fas fa-plus me-1 btn-label-icon"></i><span class="btn-spinner"></span> Add</button>
                </div>
            </form>
        </div>
    </div>

    @include('partials.admin-filter', [
        'action' => route('admin.newsletter'),
        'q' => $q,
        'searchPlaceholder' => 'Search by email or name…',
        'active' => $q !== '',
    ])

    @if($subscribers->count() > 0)
        <div class="admin-info-box mb-3">
            <p class="mb-0"><strong>Total Active Subscribers:</strong> {{ $subscribers->total() }}</p>
        </div>

        <div class="admin-table">
            <table class="table table-striped table-hover mb-0">
                <thead class="admin-table-head">
                    <tr>
                        <th><i class="fas fa-envelope me-1"></i> Email</th>
                        <th><i class="fas fa-toggle-on me-1"></i> Status</th>
                        <th><i class="fas fa-calendar me-1"></i> Subscribed</th>
                        <th><i class="fas fa-cogs me-1"></i> Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($subscribers as $subscriber)
                        <tr id="subscriber-{{ $subscriber->id }}">
                            <td class="fw-semibold">{{ $subscriber->email }}</td>
                            <td>
                                @if($subscriber->is_active)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-secondary">Inactive</span>
                                @endif
                            </td>
                            <td class="text-muted small">{{ $subscriber->created_at->format('d M Y') }}</td>
                            <td>
                                @include('partials.admin-actions', ['actions' => [
                                    ['type' => 'copy', 'label' => 'Copy email', 'icon' => 'fa-copy', 'value' => $subscriber->email, 'done' => 'Email copied: '.$subscriber->email],
                                    ['type' => 'form', 'label' => 'Remove', 'icon' => 'fa-trash', 'url' => route('admin.newsletter.delete', $subscriber->id), 'method' => 'DELETE', 'danger' => true,
                                        'confirm' => ['title' => 'Remove Subscriber?', 'message' => 'This will permanently remove this subscriber.', 'confirmText' => 'Yes, Remove']],
                                ]])
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-center mt-3">
            {{ $subscribers->links() }}
        </div>
    @else
        <div class="admin-empty-state">
            <div class="empty-icon">
                <i class="fas fa-envelope-open-text"></i>
            </div>
            <h4>No Subscribers Yet</h4>
            <p class="text-muted mb-4">Newsletter subscribers will appear here once visitors sign up via the website footer.</p>
        </div>
    @endif

</div>

@endsection