@extends('layouts.admin')

@section('title', 'Import Peserta')

@section('content')
<h2 class="mb-4">Import Peserta</h2>

<div class="row g-4">
    <div class="col-lg-5">
        <div class="card"><div class="card-header">Muat Naik Fail Excel</div><div class="card-body">
            <form action="{{ route('admin.participants.import.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="mb-3">
                    <label class="form-label">Fail Excel (.xlsx, .xls, .csv)</label>
                    <input type="file" name="file" class="form-control @error('file') is-invalid @enderror" accept=".xlsx,.xls,.csv" required>
                    @error('file')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="alert alert-info py-2">
                    Semua baris yang mempunyai nama peserta akan diimport sebagai rekod baharu. Format dan nombor kad pengenalan pendua tidak disekat.
                </div>
                <div class="mb-3 form-check">
                    <input type="checkbox" name="fail_on_error" value="1" class="form-check-input" id="fail_on_error">
                    <label class="form-check-label" for="fail_on_error">Gagalkan keseluruhan fail jika ada ralat</label>
                </div>
                <button type="submit" class="btn btn-esijil">Import Peserta</button>
                <a href="{{ route('admin.participants.import.template') }}" class="btn btn-outline-primary">Muat Turun Template</a>
            </form>
        </div></div>
        <div class="card mt-3"><div class="card-body">
            <h6>Format Template Excel</h6>
            <table class="table table-sm table-bordered">
                <thead><tr><th>nama_peserta</th><th>no_kp</th><th>no_peserta</th><th>kategori</th></tr></thead>
                <tbody><tr><td>AHMAD BIN ABDULLAH</td><td>900101101234567</td><td>A001</td><td>5KM</td></tr></tbody>
            </table>
        </div></div>
    </div>
    <div class="col-lg-7">
        <div class="card"><div class="card-header">Sejarah Import</div><div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr><th>Fail</th><th>Tarikh</th><th>Admin</th><th>Berjaya</th><th>Gagal</th><th>Status</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($batches as $batch)
                        <tr>
                            <td>{{ $batch->original_filename }}</td>
                            <td>{{ $batch->created_at->format('d/m/Y H:i') }}</td>
                            <td>{{ $batch->importer?->name }}</td>
                            <td class="text-success">{{ $batch->successful_rows }}</td>
                            <td class="text-danger">{{ $batch->failed_rows }}</td>
                            <td><span class="badge bg-secondary">{{ $batch->status->label() }}</span></td>
                            <td>
                                <a href="{{ route('admin.participants.import.show', $batch) }}" class="btn btn-sm btn-outline-info">Lihat</a>
                                @if($batch->error_file)
                                    <a href="{{ route('admin.participants.import.errors', $batch) }}" class="btn btn-sm btn-outline-danger">Ralat</a>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center text-muted py-3">Tiada sejarah import.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="p-3">{{ $batches->links() }}</div>
        </div></div>
    </div>
</div>
@endsection