@extends('layouts.app')
@section('content')
<div class="page-card"><div class="split-header"><div><h1 class="page-title">Cargas masivas</h1><p class="page-subtitle">Seguimiento ordenado de procesos de importación.</p></div><a href="{{ url('/cargas/create') }}" class="btn">+ Nueva carga</a></div></div>
<div class="card"><div class="table-wrap"><table><thead><tr><th>ID</th><th>Archivo</th><th>Estado</th><th>Progreso</th><th>Fecha</th><th>Acciones</th></tr></thead><tbody>@forelse($imports as $job)<tr><td>{{ $job->id }}</td><td>{{ $job->file_name ?? '—' }}</td><td>@include('components.status-badge',['value'=>$job->status ?? ''])</td><td>{{ $job->progress_pct ?? 0 }}%</td><td>{{ $job->created_at ?? '—' }}</td><td><a href="{{ url('/cargas/'.$job->id) }}">Ver detalle</a></td></tr>@empty<tr><td colspan="6"><div class="empty">No hay procesos de carga registrados.</div></td></tr>@endforelse</tbody></table></div></div>
@endsection