@php
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    );
@endphp
@extends('admin.layouts.layout', $headerOption)
@section('content')

<div class="project-box">
    <div class="heading-btn-sec brd-bottom">
        <h3>Import History</h3>
        <div class="heading-btn in-re">
            <a href="{{ route('helpdesk-ticket-import.index') }}" class="green-btn-inner waves-effect">
                <i class="bx bx-plus me-1"></i> New Import
            </a>
        </div>
    </div>

    <div class="px-3 py-3">
        @if($jobs->isEmpty())
            <div class="text-center text-muted py-5">
                <i class="mdi mdi-history" style="font-size:3rem;"></i>
                <p class="mt-2">No import jobs found.</p>
                <a href="{{ route('helpdesk-ticket-import.index') }}" class="green-btn-inner waves-effect">
                    Start your first import
                </a>
            </div>
        @else
        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Date</th>
                        <th>File</th>
                        <th>Status</th>
                        <th class="text-center">Total</th>
                        <th class="text-center">Imported</th>
                        <th class="text-center">Skipped</th>
                        <th class="text-center">Errors</th>
                        <th style="width:80px;"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($jobs as $job)
                    <tr>
                        <td>{{ $job->id }}</td>
                        <td>{{ $job->created_at->format('d M Y H:i') }}</td>
                        <td>
                            <span title="{{ $job->original_filename }}">
                                {{ Str::limit($job->original_filename, 40) }}
                            </span>
                            <br>
                            <span class="text-muted small">
                                {{ strtoupper($job->file_ext) }}
                                @if($job->file_size)
                                    &nbsp;· {{ number_format($job->file_size / 1024, 1) }} KB
                                @endif
                            </span>
                        </td>
                        <td>
                            @if($job->status === 'complete')
                                <span class="badge bg-success">Complete</span>
                            @elseif($job->status === 'failed')
                                <span class="badge bg-danger">Failed</span>
                            @elseif($job->status === 'pending')
                                <span class="badge bg-secondary">Pending</span>
                            @else
                                <span class="badge bg-info text-dark">{{ ucfirst($job->status) }}</span>
                            @endif
                        </td>
                        <td class="text-center">{{ number_format($job->total_rows) }}</td>
                        <td class="text-center text-success fw-semibold">{{ number_format($job->imported_count) }}</td>
                        <td class="text-center text-warning fw-semibold">{{ number_format($job->skipped_count) }}</td>
                        <td class="text-center {{ $job->error_count > 0 ? 'text-danger fw-semibold' : '' }}">
                            {{ number_format($job->error_count) }}
                        </td>
                        <td class="text-center">
                            @if(in_array($job->status, ['complete', 'failed']))
                                <a href="{{ route('helpdesk-ticket-import.result', $job->id) }}"
                                   class="btn btn-sm btn-outline-secondary">View</a>
                            @elseif($job->current_step === 1)
                                <a href="{{ route('helpdesk-ticket-import.map', $job->id) }}"
                                   class="btn btn-sm btn-outline-primary">Resume</a>
                            @elseif($job->current_step === 2)
                                <a href="{{ route('helpdesk-ticket-import.duplicates', $job->id) }}"
                                   class="btn btn-sm btn-outline-primary">Resume</a>
                            @elseif($job->current_step === 3)
                                <a href="{{ route('helpdesk-ticket-import.confirm', $job->id) }}"
                                   class="btn btn-sm btn-outline-primary">Resume</a>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{-- Pagination --}}
        @if($jobs->hasPages())
        <div class="d-flex justify-content-end mt-3">
            {{ $jobs->links() }}
        </div>
        @endif
        @endif
    </div>
</div>

@endsection
@push('page_script')
@endpush