@extends('admin.layout')

@section('title', 'Data Pendaftar')

@section('page_actions')
    <a href="{{ route('admin.pmb.pendaftar.export') }}" class="btn btn-success">
        <i class="fas fa-file-export"></i> Export CSV
    </a>
@endsection

@section('admin-content')
<div class="container-fluid">
    <h4 class="mb-4"><i class="fas fa-users text-primary"></i> Data Pendaftar</h4>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="card">
        <div class="card-body">
            <form method="GET" class="row mb-3">
                <div class="col-md-4">
                    <input type="text" name="search" class="form-control" placeholder="Cari nama/email/no. hp/no. pendaftaran" value="{{ request('search') }}">
                </div>
                <div class="col-md-3">
                    <select name="status" class="form-select">
                        <option value="">Semua Status</option>
                        <option value="aktif" {{ request('status') == 'aktif' ? 'selected' : '' }}>Aktif</option>
                        <option value="lulus" {{ request('status') == 'lulus' ? 'selected' : '' }}>Lulus</option>
                        <option value="tidak_lulus" {{ request('status') == 'tidak_lulus' ? 'selected' : '' }}>Tidak Lulus</option>
                        <option value="menunggu_ujian" {{ request('status') == 'menunggu_ujian' ? 'selected' : '' }}>Menunggu Ujian</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <select name="step" class="form-select">
                        <option value="">Semua Tahap</option>
                        <option value="akun_dibuat" {{ request('step') == 'akun_dibuat' ? 'selected' : '' }}>Akun Dibuat</option>
                        <option value="data_diri" {{ request('step') == 'data_diri' ? 'selected' : '' }}>Data Diri</option>
                        <option value="data_ortu" {{ request('step') == 'data_ortu' ? 'selected' : '' }}>Data Ortu</option>
                        <option value="data_sekolah" {{ request('step') == 'data_sekolah' ? 'selected' : '' }}>Data Sekolah</option>
                        <option value="pilih_prodi" {{ request('step') == 'pilih_prodi' ? 'selected' : '' }}>Pilih Prodi</option>
                        <option value="upload_berkas" {{ request('step') == 'upload_berkas' ? 'selected' : '' }}>Upload Berkas</option>
                        <option value="pembayaran" {{ request('step') == 'pembayaran' ? 'selected' : '' }}>Pembayaran</option>
                        <option value="menunggu_verifikasi" {{ request('step') == 'menunggu_verifikasi' ? 'selected' : '' }}>Menunggu Verifikasi</option>
                        <option value="diverifikasi" {{ request('step') == 'diverifikasi' ? 'selected' : '' }}>Diverifikasi</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="fas fa-search"></i> Filter
                    </button>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>No. Pendaftaran</th>
                            <th>Nama</th>
                            <th>Email</th>
                            <th>No. HP</th>
                            <th>Prodi</th>
                            <th>Fakultas</th>
                            <th>Step</th>
                            <th>Status</th>
                            <th>Tanggal Daftar</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pendaftar as $p)
                            <tr>
                                <td><strong>{{ $p->nomor_pendaftaran }}</strong></td>
                                <td>{{ $p->user?->name }}</td>
                                <td>{{ $p->user?->email }}</td>
                                <td>{{ $p->no_hp ?? $p->user?->phone ?? '-' }}</td>
                                <td>{{ $p->prodi?->nama_prodi ?? '-' }}</td>
                                <td>{{ $p->fakultas?->nama_fakultas ?? '-' }}</td>
                                <td>
                                    <span class="badge bg-secondary">{{ $p->getStepLabel() }}</span>
                                </td>
                                <td>
                                    <span class="badge bg-{{ $p->getStatusBadgeClass() }}">
                                        {{ ucfirst(str_replace('_', ' ', $p->status)) }}
                                    </span>
                                </td>
                                <td>{{ $p->created_at?->format('d M Y H:i') }}</td>
                                <td>
                                    <a href="{{ route('admin.pmb.pendaftar.show', $p) }}" class="btn btn-sm btn-info" title="Detail">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    <button type="button" class="btn btn-sm" style="background: #0B2C6B; color: #F4B400;" title="Preview Kartu Ujian" onclick="previewDoc('{{ route('admin.pmb.pendaftar.kartu-ujian', $p) }}', 'Kartu Ujian')">
                                        <i class="fas fa-id-card"></i>
                                    </button>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="10" class="text-center">Tidak ada data pendaftar</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $pendaftar->links() }}
        </div>
    </div>
</div>
@endsection