@extends('layouts.app')
@section('content')
<p class="page-description">Clientes, servidores y actividad de tu cuenta, en una sola vista.</p>
@include('media.dashboard')
<h2 class="h5 mb-3">Datos locales</h2>
<div class="row g-3 mb-4">
@forelse($cards as $card)
<div class="col-lg-4"><section class="platform-card {{ $card['platform'] }}"><div class="card-label"><span class="platform-logo">{{ substr($card['label'],0,1) }}</span><h2>{{ $card['label'] }}</h2><span class="local-label">Registro local</span></div><div class="platform-metrics"><div><strong>{{ $card['active'] ?? '—' }}</strong><span>Clientes activos</span></div><div><strong>{{ $card['servers'] ?? '—' }}</strong><span>Servidores registrados</span></div></div></section></div>
@empty<div class="col-12"><div class="alert alert-info">Tu cuenta no tiene plataformas habilitadas para consulta.</div></div>@endforelse
</div>
<div class="metric-grid mb-4"><section><span>Total de clientes visibles</span><strong>{{ $total }}</strong></section><section><span>Por vencer · 30 días</span><strong>{{ $soon }}</strong></section><section><span>Usuarios visibles</span><strong>{{ $usersCount ?? '—' }}</strong></section><section><span>{{ $creditLabel }}</span><strong>{{ $credits }}</strong></section></div>
<section class="panel mb-4"><div class="panel-heading"><div><h2>Próximos vencimientos</h2><p>Hoy y los próximos 30 días · hasta 10 cuentas</p></div><span class="section-tag">Seguimiento</span></div><div class="table-responsive"><table class="table"><thead><tr><th>Cliente</th><th>Plataforma</th><th>Servidor</th><th>Vendedor</th><th>Fecha de vencimiento</th></tr></thead><tbody>@forelse($expiring as $row)<tr><td class="fw-medium">{{ $row['name'] }}</td><td>{{ $row['platform'] }}</td><td>{{ $row['server'] }}</td><td>{{ $row['owner'] }}</td><td><span class="soft-badge warning">{{ $row['date'] }}</span></td></tr>@empty<tr><td colspan="5" class="empty-state">No hay cuentas visibles próximas a vencer.</td></tr>@endforelse</tbody></table></div></section>
<div class="row g-4 mb-4">@foreach(['Clientes por servidor'=>$byServer,'Clientes por vendedor'=>$bySeller] as $label=>$rows)<div class="col-lg-6"><section class="panel h-100"><div class="panel-heading"><h2>{{ $label }}</h2></div><div class="table-responsive"><table class="table"><thead><tr><th>Nombre</th><th>Plataforma</th><th class="text-end">Clientes</th></tr></thead><tbody>@forelse($rows as $row)<tr><td>{{ $row['name'] }}</td><td>{{ $row['platform'] }}</td><td class="text-end fw-semibold">{{ $row['count'] }}</td></tr>@empty<tr><td colspan="3" class="empty-state">Sin registros visibles.</td></tr>@endforelse</tbody></table></div></section></div>@endforeach</div>
<section class="panel"><div class="panel-heading"><div><h2>Movimientos recientes</h2><p>Últimas operaciones registradas · hasta 8 movimientos</p></div></div><div class="table-responsive"><table class="table"><thead><tr><th>Fecha</th><th>Plataforma</th><th>Vendedor</th><th>Descripción</th><th>Créditos</th></tr></thead><tbody>@forelse($movements as $row)<tr><td>{{ $row['date'] }}</td><td>{{ $row['platform'] }}</td><td>{{ $row['user'] }}</td><td>{{ $row['description'] }}</td><td>{{ $row['credits'] }}</td></tr>@empty<tr><td colspan="5" class="empty-state">Sin movimientos visibles.</td></tr>@endforelse</tbody></table></div></section>
@endsection