@extends('layouts.app',['heading'=>'Centro de Control'])@section('content')<div class="grid metrics"><div class="card metric"><span class="muted">Mis tareas</span><strong>{{ $tasks->count() }}</strong><span class="pill">Prioridades</span></div><div class="card metric"><span class="muted">Proyectos activos</span><strong>{{ $projects->count() }}</strong><span class="pill">Seguimiento</span></div><div class="card metric"><span class="muted">Esperando terceros</span><strong>{{ $tasks->where('status','waiting')->count() }}</strong><span class="pill">Revisar</span></div><div class="card metric"><span class="muted">Próximos vencimientos</span><strong>{{ $tasks->whereNotNull('due_at')->count() }}</strong><span class="pill">Agenda</span></div></div><div class="grid two" style="margin-top:16px"><section class="card"><h2>Mis prioridades</h2>@forelse($tasks as $task)<div class="row"><div><strong>{{ $task->title }}</strong><div class="muted">{{ $task->project?->name ?? 'Tarea independiente' }} · {{ $task->due_at?->format('d/m/Y H:i') ?? 'Sin fecha' }}</div></div><span class="pill">{{ $task->status }}</span></div>@empty<p class="muted">No hay tareas asignadas.</p>@endforelse</section><section class="card"><h2>Proyectos activos</h2>@foreach($projects as $project)<div style="margin:16px 0"><div class="row"><strong>{{ $project->name }}</strong><span>{{ $project->progress }}%</span></div><div class="progress"><span style="width:{{ $project->progress }}%"></span></div></div>@endforeach</section></div><section class="card" style="margin-top:16px"><h2>Diseño responsive</h2><p class="muted">El mismo panel adapta su densidad para escritorio, tablet y móvil. En escritorio prioriza tableros amplios; en tablet compacta el menú; en móvil utiliza navegación inferior.</p></section>@endsection