@extends('layouts.app')
@section('title','Centro de operaciones — '.config('app.name'))

@section('content')
@php
    $actionLabels = [
        'settings.updated' => 'Configuración actualizada', 'course.moderated' => 'Curso moderado',
        'course.created' => 'Curso creado', 'course.updated' => 'Curso actualizado',
        'user.updated' => 'Usuario actualizado', 'enrollment.created' => 'Inscripción creada',
        'enrollment.updated' => 'Inscripción actualizada', 'order.refunded' => 'Orden reembolsada',
        'certificate.revoked' => 'Certificado revocado',
    ];
    $statusLabels = ['draft'=>'Borradores','review'=>'En revisión','published'=>'Publicados','rejected'=>'Rechazados','archived'=>'Archivados'];
    $courseTotal = max(1, (int) $courseStatuses->sum());
@endphp

<div class="dashboard-page admin-command-center">
    <div class="container-shell dashboard-shell">
        <x-dashboard-sidebar />

        <section class="dashboard-main">
            <header class="admin-command-header">
                <div>
                    <span class="dashboard-kicker">Centro de operaciones</span>
                    <h1>Buen día, {{ Str::before(auth()->user()->name, ' ') }}</h1>
                    <p>{{ now()->translatedFormat('l, d \d\e F \d\e Y') }} · Estas son las áreas que requieren tu atención.</p>
                </div>
                <div class="admin-header-actions">
                    <a class="btn btn-secondary" href="{{ route('home') }}" target="_blank">Ver sitio ↗</a>
                    @can('courses.create')<a class="btn btn-primary" href="{{ route('instructor.courses.create') }}">+ Crear curso</a>@endcan
                </div>
            </header>

            <div class="admin-metrics">
                <article class="admin-metric"><div class="admin-metric-icon"><x-sidebar-icon name="users"/></div><div><span>Usuarios</span><strong>{{ number_format($stats['users']) }}</strong><small>{{ number_format($stats['active_users']) }} activos</small></div></article>
                <article class="admin-metric"><div class="admin-metric-icon"><x-sidebar-icon name="courses"/></div><div><span>Cursos</span><strong>{{ number_format($stats['courses']) }}</strong><small>{{ number_format($stats['published_courses']) }} publicados</small></div></article>
                <article class="admin-metric"><div class="admin-metric-icon"><x-sidebar-icon name="enrollments"/></div><div><span>Inscripciones activas</span><strong>{{ number_format($stats['active_enrollments']) }}</strong><small>{{ number_format($stats['students']) }} estudiantes únicos</small></div></article>
                <article class="admin-metric admin-metric-revenue"><div class="admin-metric-icon"><x-sidebar-icon name="orders"/></div><div><span>Ingresos aprobados</span><strong>${{ number_format($stats['revenue'],0) }}</strong><small>${{ number_format($stats['month_revenue'],0) }} este mes</small></div></article>
            </div>

            <section class="admin-attention-section">
                <div class="admin-section-title"><div><span>Prioridades</span><h2>Requiere atención</h2></div><small>{{ array_sum($attention) }} elementos pendientes</small></div>
                <div class="admin-attention-grid">
                    @can('courses.moderate')<a href="{{ route('admin.courses',['status'=>'review']) }}"><i class="attention-dot is-warning"></i><span><strong>{{ $attention['courses'] }}</strong><small>Cursos por revisar</small></span><b>Revisar →</b></a>@endcan
                    @can('orders.view')<a href="{{ route('admin.orders',['status'=>'pending']) }}"><i class="attention-dot is-info"></i><span><strong>{{ $attention['orders'] }}</strong><small>Pagos por validar</small></span><b>Validar →</b></a>@endcan
                    @can('reviews.moderate')<a href="{{ route('admin.reviews.index',['status'=>'pending']) }}"><i class="attention-dot is-accent"></i><span><strong>{{ $attention['reviews'] }}</strong><small>Reseñas por moderar</small></span><b>Moderar →</b></a>@endcan
                    @can('users.view')<a href="{{ route('admin.users',['status'=>'suspended']) }}"><i class="attention-dot is-muted"></i><span><strong>{{ $attention['suspended_users'] }}</strong><small>Usuarios suspendidos</small></span><b>Consultar →</b></a>@endcan
                </div>
            </section>

            <div class="admin-overview-grid">
                <section class="admin-panel admin-performance-panel">
                    <header class="admin-panel-head"><div><span>Últimos seis meses</span><h2>Nuevas inscripciones</h2></div><strong>{{ $enrollmentTrend->sum('total') }} en el periodo</strong></header>
                    <div class="enrollment-chart" aria-label="Inscripciones mensuales">
                        @foreach($enrollmentTrend as $month)
                            <div class="chart-column"><span>{{ $month['total'] }}</span><i style="height:{{ max(8,($month['total'] / $trendMaximum) * 100) }}%"></i><small>{{ $month['label'] }}</small></div>
                        @endforeach
                    </div>
                </section>

                <section class="admin-panel">
                    <header class="admin-panel-head"><div><span>Catálogo</span><h2>Estado de cursos</h2></div>@can('courses.moderate')<a href="{{ route('admin.courses') }}">Ver cursos</a>@endcan</header>
                    <div class="course-status-list">
                        @foreach($statusLabels as $status => $label)
                            @php($total = (int) ($courseStatuses[$status] ?? 0))
                            <div><span><strong>{{ $label }}</strong><small>{{ $total }}</small></span><i><b style="width:{{ ($total / $courseTotal) * 100 }}%"></b></i></div>
                        @endforeach
                    </div>
                    <div class="admin-certificate-summary"><x-sidebar-icon name="certificate"/><span><strong>{{ number_format($stats['certificates']) }}</strong><small>certificados vigentes</small></span>@can('certificates.manage')<a href="{{ route('admin.certificates') }}">Administrar</a>@endcan</div>
                </section>
            </div>

            <div class="admin-work-grid">
                <section class="admin-panel">
                    <header class="admin-panel-head"><div><span>Control académico</span><h2>Cursos por revisar</h2></div>@can('courses.moderate')<a href="{{ route('admin.courses',['status'=>'review']) }}">Ver todos</a>@endcan</header>
                    <div class="admin-review-list">
                        @forelse($pendingCourses as $course)
                            <article><div class="admin-list-icon"><x-sidebar-icon name="courses"/></div><div><strong>{{ $course->title }}</strong><small>{{ $course->instructor->name }} · enviado {{ $course->updated_at->diffForHumans() }}</small></div>@can('courses.moderate')<a href="{{ route('instructor.courses.builder',$course) }}">Abrir</a>@endcan</article>
                        @empty<div class="admin-empty-compact"><span>✓</span><div><strong>Todo revisado</strong><small>No hay cursos pendientes de aprobación.</small></div></div>@endforelse
                    </div>
                </section>

                <section class="admin-panel">
                    <header class="admin-panel-head"><div><span>Finanzas</span><h2>Pagos por validar</h2></div>@can('orders.view')<a href="{{ route('admin.orders',['status'=>'pending']) }}">Ver todos</a>@endcan</header>
                    <div class="admin-review-list">
                        @forelse($pendingOrders as $order)
                            <article><div class="admin-list-icon"><x-sidebar-icon name="orders"/></div><div><strong>{{ $order->user->name }}</strong><small>{{ Str::limit($order->number,18) }} · {{ $order->created_at->diffForHumans() }}</small></div><span class="admin-list-value">${{ number_format($order->total,2) }}</span></article>
                        @empty<div class="admin-empty-compact"><span>✓</span><div><strong>Pagos al día</strong><small>No hay comprobantes por validar.</small></div></div>@endforelse
                    </div>
                </section>
            </div>

            <div class="admin-detail-grid">
                <section class="admin-panel">
                    <header class="admin-panel-head"><div><span>Rendimiento</span><h2>Cursos con más estudiantes</h2></div></header>
                    <div class="top-course-list">@forelse($topCourses as $course)<article><span>{{ str_pad($loop->iteration,2,'0',STR_PAD_LEFT) }}</span><div><strong>{{ $course->title }}</strong><small>{{ $course->instructor->name }}</small></div><b>{{ $course->enrollments_count }}</b></article>@empty<p class="activity-empty">Sin información de cursos.</p>@endforelse</div>
                </section>

                <section class="admin-panel">
                    <header class="admin-panel-head"><div><span>Comunidad</span><h2>Usuarios recientes</h2></div>@can('users.view')<a href="{{ route('admin.users') }}">Administrar</a>@endcan</header>
                    <div class="recent-user-list">@forelse($recentUsers as $user)<article><x-user-avatar :user="$user"/><div><strong>{{ $user->name }}</strong><small>{{ Str::headline($user->roles->first()?->name ?? 'Sin rol') }} · {{ $user->created_at->diffForHumans() }}</small></div><i class="{{ $user->status === 'active' ? 'is-active' : '' }}"></i></article>@empty<p class="activity-empty">Sin usuarios recientes.</p>@endforelse</div>
                </section>

                <section class="admin-panel admin-activity-panel">
                    <header class="admin-panel-head"><div><span>Seguridad y cambios</span><h2>Actividad reciente</h2></div>@can('audit.view')<a href="{{ route('admin.audit') }}">Ver auditoría</a>@endcan</header>
                    <div class="admin-activity-list">@forelse($recentActivity as $activity)<article><i></i><div><strong>{{ $actionLabels[$activity->action] ?? Str::headline(str_replace('.',' ',$activity->action)) }}</strong><small>{{ $activity->user?->name ?? 'Sistema' }} · {{ $activity->created_at->diffForHumans() }}</small></div></article>@empty<div class="admin-empty-compact"><span>—</span><div><strong>Sin actividad registrada</strong><small>Los cambios administrativos aparecerán aquí.</small></div></div>@endforelse</div>
                </section>
            </div>
        </section>
    </div>
</div>
@endsection