@extends('layouts.app')

@section('title', 'Admin PMB')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0"><i class="fas fa-user-graduate mr-2"></i>Kelola Pendaftaran Mahasiswa Baru</h1>
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <!-- Stats Cards -->
        <div class="row">
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{ $stats['total'] }}</h3>
                        <p>Total Pendaftar</p>
                    </div>
                    <div class="icon"><i class="fas fa-users"></i></div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{ $stats['menunggu'] }}</h3>
                        <p>Menunggu</p>
                    </div>
                    <div class="icon"><i class="fas fa-clock"></i></div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{ $stats['lulus'] }}</h3>
                        <p>Lulus</p>
                    </div>
                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-danger">
                    <div class="inner">
                        <h3>{{ $stats['tidak_lulus'] }}</h3>
                        <p>Tidak Lulus</p>
                    </div>
                    <div class="icon"><i class="fas fa-times-circle"></i></div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-primary">
                    <div class="inner">
                        <h3>{{ $stats['menunggu_verifikasi'] }}</h3>
                        <p>Menunggu Verifikasi</p>
                    </div>
                    <div class="icon"><i class="fas fa-search"></i></div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-6">
                <div class="small-box bg-secondary">
                    <div class="inner">
                        <h3>{{ $stats['diverifikasi'] }}</h3>
                        <p>Terverifikasi</p>
                    </div>
                    <div class="icon"><i class="fas fa-clipboard-check"></i></div>
                </div>
            </div>
        </div>

        <!-- Filter & Actions -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-filter mr-2"></i>Filter & Pencarian</h3>
                <div class="card-tools">
                    <a href="{{ route('pmb.admin.export', request()->all()) }}" class="btn btn-success btn-sm">
                        <i class="fas fa-file-csv mr-1"></i>Export CSV
                    </a>
                </div>
            </div>
            <div class="card-body">
                <form method="GET" action="{{ route('pmb.admin.index') }}" class="row g-2">
                    <div class="col-md-3">
                        <input type="text" name="search" class="form-control" placeholder="Cari nama/NIPD/NIK..."
                               value="{{ request('search') }}">
                    </div>
                    <div class="col-md-2">
                        <select name="status" class="form-control">
                            <option value="">Semua Status</option>
                            <option value="menunggu" {{ request('status') === 'menunggu' ? 'selected' : '' }}>Menunggu</option>
                            <option value="lulus" {{ request('status') === 'lulus' ? 'selected' : '' }}>Lulus</option>
                            <option value="tidak_lulus" {{ request('status') === 'tidak_lulus' ? 'selected' : '' }}>Tidak Lulus</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="status_berkas" class="form-control">
                            <option value="">Semua Berkas</option>
                            <option value="belum_upload" {{ request('status_berkas') === 'belum_upload' ? 'selected' : '' }}>Belum Upload</option>
                            <option value="menunggu_verifikasi" {{ request('status_berkas') === 'menunggu_verifikasi' ? 'selected' : '' }}>Menunggu</option>
                            <option value="terverifikasi" {{ request('status_berkas') === 'terverifikasi' ? 'selected' : '' }}>Terverifikasi</option>
                            <option value="perlu_revisi" {{ request('status_berkas') === 'perlu_revisi' ? 'selected' : '' }}>Perlu Revisi</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="prodi_id" class="form-control">
                            <option value="">Semua Prodi</option>
                            @foreach($prodiList as $p)
                                <option value="{{ $p->id }}" {{ request('prodi_id') == $p->id ? 'selected' : '' }}>{{ $p->nama_prodi }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="step" class="form-control">
                            <option value="">Semua Step</option>
                            @foreach($steps as $key => $step)
                                <option value="{{ $key }}" {{ request('step') === $key ? 'selected' : '' }}>{{ $step['label'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-1">
                        <button type="submit" class="btn btn-primary w-100"><i class="fas fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Table -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Data Pendaftar</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <form id="bulk-form" method="POST" action="{{ route('pmb.admin.bulk') }}">
                    @csrf
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th width="30"><input type="checkbox" id="select-all"></th>
                                <th>No. Daftar</th>
                                <th>Nama</th>
                                <th>Prodi</th>
                                <th>Step</th>
                                <th>Berkas</th>
                                <th>Pembayaran</th>
                                <th>Status</th>
                                <th width="120">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pendaftaran as $p)
                                <tr>
                                    <td><input type="checkbox" name="ids[]" value="{{ $p->id }}" class="select-item"></td>
                                    <td>{{ $p->nomor_pendaftaran ?? '-' }}</td>
                                    <td>
                                        <strong>{{ $p->nama_lengkap }}</strong><br>
                                        <small class="text-muted">{{ $p->email }}</small>
                                    </td>
                                    <td>{{ $p->prodi?->nama_prodi ?? '-' }}</td>
                                    <td>
                                        <span class="badge badge-info">{{ $p->getStepLabel() }}</span>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $p->getStatusBerkasBadgeClass() }}">
                                            {{ $p->status_berkas }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $p->getStatusPembayaranBadgeClass() }}">
                                            {{ $p->status_pembayaran }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $p->getStatusBadgeClass() }}">
                                            {{ $p->status }}
                                        </span>
                                    </td>
                                    <td>
                                        <a href="{{ route('pmb.admin.show', $p->id) }}" class="btn btn-sm btn-info" title="Detail">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center py-4 text-muted">Tidak ada data pendaftar.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>

                    @if($pendaftaran->count() > 0)
                        <div class="card-footer">
                            <div class="d-flex align-items-center gap-2">
                                <select name="action" class="form-control form-control-sm" style="width: 150px;">
                                    <option value="">Pilih Aksi</option>
                                    <option value="lulus">Set Lulus</option>
                                    <option value="tidak_lulus">Set Tidak Lulus</option>
                                </select>
                                <button type="submit" class="btn btn-sm btn-primary" onclick="return confirm('Yakin?')">
                                    <i class="fas fa-check mr-1"></i>Terapkan
                                </button>
                            </div>
                        </div>
                    @endif
                </form>
            </div>
            <div class="card-footer clearfix">
                {{ $pendaftaran->links() }}
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
document.getElementById('select-all').addEventListener('change', function() {
    document.querySelectorAll('.select-item').forEach(cb => cb.checked = this.checked);
});
</script>
@endpush