@extends('layouts.app')

@section('title', 'Invalid Import Rows')

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Imports', 'url' => route('imports.index')],
    ['label' => $import->original_name ?? 'Import', 'url' => route('imports.show', $import)],
    ['label' => 'Invalid Rows'],
]" />

<x-page-header title="Invalid Rows" subtitle="Rows that failed validation and need correction or re-import.">
    <x-slot name="actions">
        <a href="{{ route('imports.show', $import) }}" class="procure-btn"><i class="fas fa-arrow-left"></i> Back</a>
        <a href="{{ route('imports.preview', $import) }}" class="procure-btn"><i class="fas fa-table"></i> Preview</a>
    </x-slot>
</x-page-header>

@if(($rows ?? collect())->isEmpty())
    <div class="chart-card">
        <div class="chart-card-body">
            <x-empty-state icon="fas fa-check-circle" title="No invalid rows" message="All rows passed validation for this import." />
        </div>
    </div>
@else
    <div class="chart-card">
        <div class="chart-card-body" style="overflow-x:auto;">
            <table class="procure-table">
                <thead>
                    <tr>
                        <th>Row #</th>
                        <th>Raw Data</th>
                        <th>Validation Errors</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($rows as $row)
                        <tr>
                            <td><strong>{{ $row->row_number }}</strong></td>
                            <td>
                                <code style="font-size:11px;white-space:pre-wrap;">{{ json_encode($row->raw_data ?? [], JSON_UNESCAPED_UNICODE) }}</code>
                            </td>
                            <td class="text-danger">
                                @if(is_array($row->validation_errors))
                                    <ul class="mb-0 pl-3">
                                        @foreach($row->validation_errors as $err)
                                            <li>{{ is_array($err) ? implode(' ', $err) : $err }}</li>
                                        @endforeach
                                    </ul>
                                @else
                                    {{ $row->validation_errors ?? 'Unknown error' }}
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if(method_exists($rows, 'links'))
            <div class="px-3 pb-3">{{ $rows->links() }}</div>
        @endif
    </div>
@endif
@endsection