@extends('admin.layouts.admin')

@section('title', 'Newsletter')

@section('content')

<div class="admin-page-title">Newsletter</div>
<p class="admin-page-sub">Gestión de suscriptores pre-lanzamiento</p>

{{-- Stats --}}
<div class="row g-3 mb-4">
    @foreach([
        'Total' => $stats['total'],
        'Confirmados' => $stats['confirmed'],
        'Pendientes' => $stats['pending'],
        'Avisados' => $stats['notified'],
    ] as $label => $value)
        <div class="col-6 col-md-3">
            <div class="admin-stat-card">
                <div class="admin-stat-label">{{ $label }}</div>
                <div class="admin-stat-value">{{ $value }}</div>
            </div>
        </div>
    @endforeach
</div>

{{-- Acciones --}}
<div class="d-flex gap-2 flex-wrap mb-4">
    <form method="POST" action="{{ route('admin.newsletter.send') }}">
        @csrf
        <button type="submit" class="btn btn-fermenty-orange btn-sm"
                onclick="return confirm('¿Enviar aviso a todos los confirmados sin avisar?')">
            Enviar aviso de lanzamiento
        </button>
    </form>
    <form method="POST" action="{{ route('admin.newsletter.test-mail') }}" class="d-flex gap-2 align-items-center">
        @csrf
        <input type="email" name="email" class="form-control form-control-sm"
               placeholder="test@tu-dominio.com (opcional)">
        <button type="submit" class="btn btn-fermenty-outline btn-sm">
            Enviar test mail
        </button>
    </form>
    <a href="{{ route('admin.newsletter.export') }}" class="btn btn-fermenty-outline btn-sm">
        Exportar CSV
    </a>
    <a href="{{ route('admin.brevo.index') }}" class="btn btn-fermenty-outline btn-sm">
        Sincronización Brevo
    </a>
</div>

{{-- Filtros --}}
<div class="d-flex gap-2 flex-wrap mb-4">
    @foreach(['all' => 'Todos', 'confirmed' => 'Confirmados', 'pending' => 'Pendientes', 'notified' => 'Avisados'] as $filter => $label)
        <a href="{{ request()->fullUrlWithQuery(['filter' => $filter === 'all' ? null : $filter]) }}"
           class="batch-filter-btn {{ request('filter', 'all') === $filter ? 'active' : '' }}">
            {{ $label }}
        </a>
    @endforeach
</div>

<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Email</th>
                    <th>Nombre</th>
                    <th>Estado</th>
                    <th>Confirmado</th>
                    <th>Avisado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($subscribers as $sub)
                    <tr>
                        <td class="admin-user-name">{{ $sub->email }}</td>
                        <td class="admin-user-email">{{ $sub->name ?? '—' }}</td>
                        <td>
                            @if($sub->is_unsubscribed)
                                <span class="fermenty-badge badge-paused">Baja</span>
                            @elseif($sub->is_confirmed)
                                <span class="fermenty-badge badge-active">Confirmado</span>
                            @else
                                <span class="fermenty-badge badge-failed">Pendiente</span>
                            @endif
                        </td>
                        <td class="admin-user-email">
                            {{ $sub->confirmed_at?->format('d/m/Y') ?? '—' }}
                        </td>
                        <td class="admin-user-email">
                            {{ $sub->notified_at?->format('d/m/Y') ?? '—' }}
                        </td>
                        <td>
                            <form method="POST" action="{{ route('admin.newsletter.destroy', $sub) }}"
                                  onsubmit="return confirm('¿Eliminar este suscriptor?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn-xs-admin" style="color:#7A1A1A;">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @if($subscribers->hasPages())
        <div class="d-flex justify-content-center mt-3">
            {{ $subscribers->links() }}
        </div>
    @endif
</div>

@endsection