@extends('layouts.app')
@section('content')
<div class="page-card"><div class="split-header"><div><h1 class="page-title">Detalle de carga #{{ $import->id ?? '' }}</h1><p class="page-subtitle">Resumen ejecutivo del proceso de importación.</p></div><div class="toolbar"><a href="{{ url('/cargas') }}" class="btn-secondary">Volver</a><a href="{{ url('/cargas/template/download') }}" class="btn">Descargar plantilla</a></div></div></div>
<div class="stats-grid"><div class="stat"><span class="stat-label">Estado</span><div class="stat-value" style="font-size:18px;">@include('components.status-badge',['value'=>$import->status ?? ''])</div></div><div class="stat"><span class="stat-label">Total filas</span><div class="stat-value">{{ $import->total_rows ?? 0 }}</div></div><div class="stat"><span class="stat-label">Importadas</span><div class="stat-value">{{ $import->imported_rows ?? 0 }}</div></div><div class="stat"><span class="stat-label">Progreso</span><div class="stat-value">{{ $import->progress_pct ?? 0 }}%</div></div></div>
<div class="card"><h2 class="section-title">Resumen</h2><div class="detail-grid"><div class="field"><label>Archivo fuente</label><div class="field-value">{{ $import->file_name ?? '—' }}</div></div><div class="field"><label>Mensaje</label><div class="field-value">{{ $import->message ?? '—' }}</div></div></div></div>
@endsection