@extends('layouts.admin')

@section('title', 'Import Report #' . $import->id)

@section('content')
<div class="admin-page-header">
    <h1>Import Report #{{ $import->id }}</h1>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.products.import.reports') }}" class="admin-btn-secondary">
            <i class="bi bi-list-ul"></i> All Reports
        </a>
        <a href="{{ route('admin.products.import.show') }}" class="admin-btn-primary">New Import</a>
    </div>
</div>

<div class="admin-card mb-3">
    <div class="card-body">
        <h5 class="card-title" style="color: var(--admin-primary);">Summary</h5>
        <dl class="row mb-0">
            <dt class="col-sm-2">File</dt>
            <dd class="col-sm-10">{{ $import->original_name ?? $import->file_path }}</dd>

            <dt class="col-sm-2">Status</dt>
            <dd class="col-sm-10">
                @if($import->status === 'pending')
                    <span class="badge bg-secondary">Pending</span> – Run <code>php artisan queue:work</code> manually to process.
                @elseif($import->status === 'processing')
                    <span class="badge bg-info">Processing</span> – Import is running in the background.
                @elseif($import->status === 'completed')
                    <span class="badge bg-success">Completed</span>
                @else
                    <span class="badge bg-danger">Failed</span>
                @endif
            </dd>

            <dt class="col-sm-2">Message</dt>
            <dd class="col-sm-10">{{ $import->message ?? '–' }}</dd>

            <dt class="col-sm-2">Started</dt>
            <dd class="col-sm-10">{{ $import->started_at?->format('M j, Y H:i:s') ?? '–' }}</dd>

            <dt class="col-sm-2">Completed</dt>
            <dd class="col-sm-10">{{ $import->completed_at?->format('M j, Y H:i:s') ?? '–' }}</dd>

            @if($import->user)
            <dt class="col-sm-2">Started by</dt>
            <dd class="col-sm-10">{{ $import->user->name ?? $import->user->email }}</dd>
            @endif
        </dl>
    </div>
</div>

@if($import->report)
<div class="admin-card">
    <div class="card-body">
        <h5 class="card-title" style="color: var(--admin-primary);">Report details</h5>
        <ul class="list-unstyled mb-3">
            <li><strong>Products imported:</strong> {{ $import->report['imported'] ?? 0 }}</li>
            <li><strong>Variants imported:</strong> {{ $import->report['variants_imported'] ?? 0 }}</li>
            <li><strong>Rows skipped:</strong> {{ $import->report['skipped'] ?? 0 }}</li>
        </ul>
        @if(!empty($import->report['errors']))
            <h6 class="mt-3">Errors ({{ count($import->report['errors']) }})</h6>
            <ul class="list-unstyled small text-danger" style="max-height: 300px; overflow-y: auto;">
                @foreach(array_slice($import->report['errors'], 0, 100) as $err)
                    <li>{{ $err }}</li>
                @endforeach
                @if(count($import->report['errors']) > 100)
                    <li><em>… and {{ count($import->report['errors']) - 100 }} more.</em></li>
                @endif
            </ul>
        @endif
    </div>
</div>
@endif
@endsection