@extends('layouts.app')
@section('title', 'Imports')

@section('content')
<div class="space-y-4">
    <div class="flex items-center justify-between">
        <p class="text-sm text-slate-500">Upload LeadFinder CSV/XLSX/XLS files. Processing happens safely in the background via cron.</p>
        @can('manage imports')
            <a href="{{ route('imports.create') }}" class="btn-primary">New import</a>
        @endcan
    </div>

    @if ($imports->isEmpty())
        <x-empty-state title="No imports yet" description="Upload your first contact file to get started."/>
    @else
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>File</th><th>List</th><th>Status</th><th>Progress</th><th>Imported</th><th>Problems</th><th>Uploaded</th></tr></thead>
                <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                @foreach ($imports as $import)
                    <tr>
                        <td>
                            <a href="{{ $import->status === \App\Models\Import::STATUS_PENDING_MAPPING ? route('imports.mapping', $import) : route('imports.show', $import) }}"
                               class="font-medium text-brand-600 hover:underline dark:text-brand-400">{{ $import->original_filename }}</a>
                            <p class="text-xs text-slate-500">{{ number_format($import->file_size / 1024, 0) }} KB · {{ strtoupper($import->file_type) }}</p>
                        </td>
                        <td>{{ $import->contactList?->name ?? '—' }}</td>
                        <td><x-status-badge :status="$import->status"/></td>
                        <td class="w-40">
                            <div class="progress-track"><div class="progress-bar" style="width: {{ $import->progressPercent() }}%"></div></div>
                        </td>
                        <td class="tabular-nums">{{ number_format($import->imported_count + $import->updated_count) }}</td>
                        <td class="tabular-nums">{{ number_format($import->invalid_count + $import->failed_count + $import->suppressed_count + $import->unsubscribed_count) }}</td>
                        <td class="text-slate-500">{{ $import->created_at->format('d M Y H:i') }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        {{ $imports->links() }}
    @endif
</div>
@endsection