@extends('layouts.app')
@section('title','Reportes — '.config('app.name'))

@section('content')
<div class="dashboard-page"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main reports-page">
    <header class="admin-command-header"><div><span class="dashboard-kicker">Analítica académica y comercial</span><h1>Reportes</h1><p>Analiza resultados por periodo y descarga los datos para trabajar fuera de la plataforma.</p></div></header>

    <form class="report-filter" method="GET"><div><label class="form-label">Desde</label><input class="form-input" type="date" name="from" value="{{ $from->format('Y-m-d') }}"></div><div><label class="form-label">Hasta</label><input class="form-input" type="date" name="to" value="{{ $to->format('Y-m-d') }}"></div><button class="btn btn-primary">Aplicar periodo</button><a class="btn btn-secondary" href="{{ route('admin.reports') }}">Restablecer</a></form>

    <div class="report-metrics">
        <article><span>Inscripciones</span><strong>{{ number_format($reportStats['enrollments']) }}</strong><small>{{ number_format($reportStats['students']) }} estudiantes únicos</small></article>
        <article><span>Finalización</span><strong>{{ number_format($reportStats['completion_rate'],1) }}%</strong><small>{{ number_format($reportStats['completed']) }} cursos completados</small></article>
        <article><span>Progreso promedio</span><strong>{{ number_format($reportStats['average_progress'],1) }}%</strong><small>Sobre inscripciones del periodo</small></article>
        <article><span>Ingresos</span><strong>${{ number_format($reportStats['revenue'],0) }}</strong><small>{{ $reportStats['paid_orders'] }} órdenes aprobadas</small></article>
    </div>

    <section class="admin-panel report-chart-panel"><header class="admin-panel-head"><div><span>Tendencia</span><h2>Inscripciones por mes</h2></div><strong>{{ $from->translatedFormat('d M Y') }} — {{ $to->translatedFormat('d M Y') }}</strong></header><div class="report-chart">@foreach($reportTrend as $month)<div><span>{{ $month['total'] }}</span><i style="height:{{ max(7,($month['total']/$trendMaximum)*100) }}%"></i><small>{{ $month['label'] }}</small></div>@endforeach</div></section>

    <section class="report-export-panel"><div><span class="dashboard-kicker">Datos descargables</span><h2>Exportar información</h2><p>Los archivos respetan el periodo seleccionado y se generan en formato CSV.</p></div><div><a class="btn btn-secondary" href="{{ route('admin.reports.export',['type'=>'enrollments','from'=>$from->format('Y-m-d'),'to'=>$to->format('Y-m-d')]) }}">Inscripciones CSV</a><a class="btn btn-secondary" href="{{ route('admin.reports.export',['type'=>'orders','from'=>$from->format('Y-m-d'),'to'=>$to->format('Y-m-d')]) }}">Órdenes CSV</a><a class="btn btn-secondary" href="{{ route('admin.reports.export',['type'=>'courses','from'=>$from->format('Y-m-d'),'to'=>$to->format('Y-m-d')]) }}">Cursos CSV</a></div></section>

    <div class="report-detail-grid">
        <section class="admin-panel"><header class="admin-panel-head"><div><span>Desempeño</span><h2>Resultados por curso</h2></div></header><div class="table-wrap"><table class="data-table"><thead><tr><th>Curso</th><th>Inscripciones</th><th>Progreso</th><th>Estado</th></tr></thead><tbody>@forelse($coursePerformance as $course)<tr><td><strong>{{ $course->title }}</strong><br><small>{{ $course->instructor->name }}</small></td><td>{{ $course->period_enrollments_count }}</td><td>{{ number_format((float)$course->period_progress_average,1) }}%</td><td><span class="status status-{{ $course->status }}">{{ Str::headline($course->status) }}</span></td></tr>@empty<tr><td colspan="4" class="empty-state">No hay información en este periodo.</td></tr>@endforelse</tbody></table></div></section>
        <section class="admin-panel"><header class="admin-panel-head"><div><span>Logros</span><h2>Finalizaciones recientes</h2></div></header><div class="report-completion-list">@forelse($recentCompletions as $enrollment)<article><x-user-avatar :user="$enrollment->user"/><div><strong>{{ $enrollment->user->name }}</strong><small>{{ $enrollment->course->title }} · {{ $enrollment->completed_at->diffForHumans() }}</small></div>@if($enrollment->certificate)<b>Certificado</b>@else<b class="is-pending">Pendiente</b>@endif</article>@empty<p class="activity-empty">Sin finalizaciones en el periodo.</p>@endforelse</div></section>
    </div>
</section></div></div>
@endsection