@extends('admin.layouts.admin')

@section('title', 'Dashboard')

@section('content')

<div class="admin-page-title">Panel de administración</div>
<p class="admin-page-sub">Resumen general de Fermenty</p>

{{-- Stats --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="admin-stat-card">
            <div class="admin-stat-label">Usuarios totales</div>
            <div class="admin-stat-value">{{ $stats['total_users'] }}</div>
            <div class="admin-stat-sub">{{ $stats['premium_users'] }} premium</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="admin-stat-card">
            <div class="admin-stat-label">Lotes activos</div>
            <div class="admin-stat-value">{{ $stats['active_batches'] }}</div>
            <div class="admin-stat-sub">{{ $stats['total_batches'] }} total</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="admin-stat-card">
            <div class="admin-stat-label">Newsletter</div>
            <div class="admin-stat-value">{{ $stats['newsletter_total'] }}</div>
            <div class="admin-stat-sub">{{ $stats['newsletter_confirmed'] }} confirmados</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="admin-stat-card">
            <div class="admin-stat-label">Fermentos</div>
            <div class="admin-stat-value">{{ $stats['ferments'] }}</div>
            <div class="admin-stat-sub">{{ $stats['free_ferments'] }} gratis · {{ $stats['premium_ferments'] }} premium</div>
        </div>
    </div>
</div>

<div class="row g-4">

    {{-- Últimos usuarios --}}
    <div class="col-12 col-lg-7">
        <div class="admin-card">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <div class="admin-card-title">Últimos usuarios registrados</div>
                <a href="{{ route('admin.usuarios.index') }}" class="btn-back">Ver todos →</a>
            </div>
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>Usuario</th>
                            <th>Plan</th>
                            <th>Lotes</th>
                            <th>Registro</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($latestUsers as $user)
                            <tr>
                                <td>
                                    <div class="admin-user-name">{{ $user->name }}</div>
                                    <div class="admin-user-email">{{ $user->email }}</div>
                                </td>
                                <td>
                                    <span class="fermenty-badge badge-{{ $user->plan }}">
                                        {{ ucfirst($user->plan) }}
                                    </span>
                                </td>
                                <td>{{ $user->batches_count }}</td>
                                <td class="admin-user-email">{{ $user->created_at->format('d/m/Y') }}</td>
                                <td>
                                    <a href="{{ route('admin.usuarios.show', $user) }}"
                                       class="btn-xs-admin">Ver</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Newsletter + acciones rápidas --}}
    <div class="col-12 col-lg-5">

        <div class="admin-card mb-4">
            <div class="admin-card-title">Newsletter</div>
            <div class="d-flex gap-3 mb-3">
                <div class="admin-stat-card flex-1">
                    <div class="admin-stat-label">Confirmados</div>
                    <div class="admin-stat-value">{{ $stats['newsletter_confirmed'] }}</div>
                </div>
                <div class="admin-stat-card flex-1">
                    <div class="admin-stat-label">Sin avisar</div>
                    <div class="admin-stat-value">{{ $stats['newsletter_pending_notify'] }}</div>
                </div>
            </div>
            <form method="POST" action="{{ route('admin.newsletter.send') }}">
                @csrf
                <button type="submit" class="btn btn-fermenty-orange w-100 btn-sm"
                        onclick="return confirm('¿Enviar aviso de lanzamiento a todos los confirmados?')">
                    Enviar aviso de lanzamiento
                </button>
            </form>
        </div>

        <div class="admin-card">
            <div class="admin-card-title">Acciones rápidas</div>
            <div class="d-flex flex-column gap-2">
                <a href="{{ route('admin.fermentos.create') }}" class="btn btn-fermenty-outline btn-sm">
                    + Nuevo fermento
                </a>
                <a href="{{ route('admin.newsletter.export') }}" class="btn btn-fermenty-outline btn-sm">
                    Exportar newsletter CSV
                </a>
                <a href="{{ route('admin.usuarios.index') }}" class="btn btn-fermenty-outline btn-sm">
                    Gestionar usuarios
                </a>
            </div>
        </div>

    </div>

</div>

@endsection