@extends('layouts.admin')
@section('title', 'Dashboard — Admin')

@section('content')
<h1 class="text-2xl font-bold mb-8">Dashboard</h1>

<!-- Stats -->
<div class="grid grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
    @php $cards = [
        ['label'=>'Total Leads','val'=>$total_leads,'icon'=>'fa-users','color'=>'blue'],
        ['label'=>'Sitios Verificados','val'=>$verified_sites.'/'.$total_sites,'icon'=>'fa-globe','color'=>'green'],
        ['label'=>'Scans Completados','val'=>$completed_scans,'icon'=>'fa-check-circle','color'=>'purple'],
        ['label'=>'Scans Fallidos','val'=>$failed_scans,'icon'=>'fa-times-circle','color'=>'red'],
    ]; @endphp

    @foreach($cards as $c)
    <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
        <div class="flex items-center justify-between mb-3">
            <span class="text-sm text-gray-500">{{ $c['label'] }}</span>
            <i class="fas {{ $c['icon'] }} text-{{ $c['color'] }}-500"></i>
        </div>
        <p class="text-3xl font-bold">{{ $c['val'] }}</p>
    </div>
    @endforeach
</div>

<!-- Recent -->
<div class="grid lg:grid-cols-2 gap-6">
    <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
        <h2 class="font-semibold mb-4">Leads recientes</h2>
        <div class="space-y-3">
            @forelse($recent_leads as $lead)
            <div class="flex items-center justify-between text-sm p-3 bg-gray-800/50 rounded-lg">
                <div>
                    <p class="font-medium">{{ $lead->full_name }}</p>
                    <p class="text-gray-500 text-xs">{{ $lead->email }}</p>
                </div>
                <span class="text-gray-500 text-xs">{{ $lead->created_at->diffForHumans() }}</span>
            </div>
            @empty
            <p class="text-gray-600 text-sm">Sin leads aún</p>
            @endforelse
        </div>
    </div>
    <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
        <h2 class="font-semibold mb-4">Scan Jobs recientes</h2>
        <div class="space-y-3">
            @forelse($recent_jobs as $job)
            <a href="{{ route('admin.job.detail', $job->id) }}" class="flex items-center justify-between text-sm p-3 bg-gray-800/50 rounded-lg hover:bg-gray-800 transition">
                <div>
                    <p class="font-medium">{{ $job->site->domain ?? 'N/A' }}</p>
                    <span class="px-2 py-0.5 rounded text-xs {{ $job->status==='done'?'bg-green-500/20 text-green-400':($job->status==='failed'?'bg-red-500/20 text-red-400':'bg-yellow-500/20 text-yellow-400') }}">
                        {{ $job->status }}
                    </span>
                </div>
                <span class="text-gray-500 text-xs">{{ $job->created_at->diffForHumans() }}</span>
            </a>
            @empty
            <p class="text-gray-600 text-sm">Sin scans aún</p>
            @endforelse
        </div>
    </div>
</div>
@endsection