@extends('layouts.app')

@section('content')
<div class="page-title">
    <div>
        <h1>Dashboard COLVADRES</h1>
        <div class="muted">Resumen operativo documental y trazabilidad reciente.</div>
    </div>
    <div style="display:flex;gap:10px;flex-wrap:wrap;">
        <a class="btn" href="/documentos/create">Nuevo registro</a>
        <a class="btn-secondary" href="/cargas/create">Nueva carga</a>
        <a class="btn-secondary" href="/exportaciones/create">Nueva exportación</a>
    </div>
</div>

<div class="kpis" style="margin-bottom:16px;">
    <div class="kpi"><h3>Registros</h3><div class="value">{{ number_format($recordsCount) }}</div></div>
    <div class="kpi"><h3>Archivos</h3><div class="value">{{ number_format($filesCount) }}</div></div>
    <div class="kpi"><h3>Importaciones</h3><div class="value">{{ number_format($importsCount) }}</div></div>
    <div class="kpi"><h3>Exportaciones</h3><div class="value">{{ number_format($exportsCount) }}</div></div>
</div>

<div class="kpis" style="grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;">
    <div class="kpi"><h3>Registros sin archivo</h3><div class="value">{{ number_format($withoutFilesCount) }}</div></div>
    <div class="kpi"><h3>Movimientos hoy</h3><div class="value">{{ number_format($auditTodayCount) }}</div></div>
    <div class="kpi"><h3>Módulos con trazabilidad</h3><div class="value">{{ number_format($auditByModule->count()) }}</div></div>
</div>

<div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;">
    <div class="panel">
        <h3 style="margin-top:0;">Estados de digitalización</h3>
        <table class="table">
            <thead><tr><th>Estado</th><th>Total</th></tr></thead>
            <tbody>
            @forelse($byDigitalization as $row)
                <tr><td>{{ $row->label }}</td><td>{{ number_format($row->total) }}</td></tr>
            @empty
                <tr><td colspan="2">Sin datos.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="panel">
        <h3 style="margin-top:0;">Top bodegas</h3>
        <table class="table">
            <thead><tr><th>Bodega</th><th>Total</th></tr></thead>
            <tbody>
            @forelse($topBodegas as $row)
                <tr><td>{{ $row->label }}</td><td>{{ number_format($row->total) }}</td></tr>
            @empty
                <tr><td colspan="2">Sin datos.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div style="display:grid;grid-template-columns:1.3fr .7fr;gap:16px;">
    <div class="panel">
        <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;">
            <h3 style="margin:0;">Actividad reciente</h3>
            <a href="{{ route('auditoria.index') }}" class="btn-secondary">Ver auditoría</a>
        </div>
        <table class="table">
            <thead><tr><th>Fecha</th><th>Usuario</th><th>Módulo</th><th>Acción</th><th>Entidad</th></tr></thead>
            <tbody>
            @forelse($recentAudit as $log)
                <tr>
                    <td>{{ optional($log->created_at)->format('Y-m-d H:i') }}</td>
                    <td>{{ optional($log->user)->name ?? 'Sistema' }}</td>
                    <td><span class="badge">{{ $log->modulo }}</span></td>
                    <td>{{ $log->accion }}</td>
                    <td>{{ $log->entidad }} #{{ $log->entidad_id }}</td>
                </tr>
            @empty
                <tr><td colspan="5">Sin movimientos recientes.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div style="display:grid;gap:16px;">
        <div class="panel">
            <h3 style="margin-top:0;">Auditoría por módulo</h3>
            <ul style="margin:0;padding-left:18px;">
                @forelse($auditByModule as $row)
                    <li><strong>{{ ucfirst($row->label) }}</strong>: {{ number_format($row->total) }}</li>
                @empty
                    <li>Sin movimientos.</li>
                @endforelse
            </ul>
        </div>
        <div class="panel">
            <h3 style="margin-top:0;">Últimas importaciones</h3>
            <ul style="margin:0;padding-left:18px;">
                @forelse($recentImports as $job)
                    <li>#{{ $job->id }} · {{ $job->nombre_archivo }} <span class="muted">({{ $job->estado }})</span></li>
                @empty
                    <li>Sin importaciones.</li>
                @endforelse
            </ul>
        </div>
        <div class="panel">
            <h3 style="margin-top:0;">Últimas exportaciones</h3>
            <ul style="margin:0;padding-left:18px;">
                @forelse($recentExports as $job)
                    <li>#{{ $job->id }} <span class="muted">({{ $job->estado }})</span></li>
                @empty
                    <li>Sin exportaciones.</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>
@endsection