@extends('layouts.app')
@section('title', 'Dashboard - HBL Product Scraper')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1">Scraper Dashboard</h1><p class="text-muted mb-0">Discover products, then scrape details and images from the product inventory.</p></div>
    <form method="post" action="{{ route('scrape.discover') }}" class="d-flex gap-2">
        @csrf
        <input class="form-control" type="number" name="delay_ms" value="{{ config('scraper.delay_ms') }}" min="0" max="30000" title="Delay in milliseconds">
        <button class="btn btn-success text-nowrap">Discover Products</button>
    </form>
</div>
<div class="row g-3 mb-4">
    @foreach(['products' => 'Discovered Products', 'details' => 'Details Complete', 'images' => 'Images Complete', 'failed' => 'Products With Errors'] as $key => $label)
    <div class="col-sm-6 col-xl-3"><div class="card stat-card"><div class="card-body"><div class="text-muted small">{{ $label }}</div><div class="display-6">{{ number_format($counts[$key]) }}</div></div></div></div>
    @endforeach
</div>
<div class="card stat-card">
    <div class="card-header bg-white d-flex justify-content-between"><strong>Recent Jobs</strong><span class="text-muted small">Queue connection: {{ config('queue.default') }}</span></div>
    <div class="table-responsive"><table class="table table-hover mb-0">
        <thead><tr><th>ID</th><th>Stage</th><th>Status</th><th>Progress</th><th>Started</th><th></th></tr></thead>
        <tbody>
        @forelse($jobs as $job)
            <tr><td>#{{ $job->id }}</td><td class="text-capitalize">{{ $job->type }}</td><td><span class="badge text-bg-{{ $job->status === 'completed' ? 'success' : ($job->status === 'failed' ? 'danger' : 'secondary') }}">{{ $job->status }}</span></td><td>{{ $job->completed_items }} complete / {{ $job->failed_items }} failed / {{ $job->total_items }} total</td><td>{{ optional($job->started_at)->diffForHumans() ?: 'Waiting' }}</td><td><a class="btn btn-sm btn-outline-primary" href="{{ route('jobs.show', $job) }}">View</a></td></tr>
        @empty <tr><td colspan="6" class="text-center py-5 text-muted">No scraping jobs yet.</td></tr> @endforelse
        </tbody>
    </table></div>
</div>
@endsection