@extends('admin.layout')

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

@section('content')
<div class="container-fluid">
    <h4 class="mb-4"><i class="fas fa-user-graduate text-primary"></i> Dashboard PMB</h4>

    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h6>Total Pendaftar</h6>
                            <h3>{{ $stats['total_pendaftar'] }}</h3>
                        </div>
                        <i class="fas fa-users fa-3x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-dark">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h6>Menunggu Verifikasi</h6>
                            <h3>{{ $stats['menunggu_verifikasi'] }}</h3>
                        </div>
                        <i class="fas fa-clock fa-3x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h6>Terverifikasi</h6>
                            <h3>{{ $stats['diverifikasi'] }}</h3>
                        </div>
                        <i class="fas fa-check-circle fa-3x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h6>Lulus Seleksi</h6>
                            <h3>{{ $stats['lulus'] }}</h3>
                        </div>
                        <i class="fas fa-graduation-cap fa-3x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">Pendaftar Terbaru</h6>
                    <a href="{{ route('admin.pmb.pendaftar.index') }}" class="btn btn-sm btn-primary">Lihat Semua</a>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>No. Pendaftaran</th>
                                    <th>Nama</th>
                                    <th>Prodi</th>
                                    <th>Status</th>
                                    <th>Tanggal</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($pendaftar_terbaru as $p)
                                    <tr>
                                        <td>{{ $p->nomor_pendaftaran }}</td>
                                        <td>{{ $p->user?->name }}</td>
                                        <td>{{ $p->prodi?->nama_prodi ?? '-' }}</td>
                                        <td>
                                            <span class="badge bg-{{ $p->getStatusBadgeClass() }}">
                                                {{ ucfirst(str_replace('_', ' ', $p->status)) }}
                                            </span>
                                        </td>
                                        <td>{{ $p->created_at?->format('d M Y') }}</td>
                                    </tr>
                                @empty
                                    <tr><td colspan="5" class="text-center">Belum ada pendaftar</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">Gelombang Aktif</h6>
                </div>
                <div class="card-body">
                    @forelse($gelombang_aktif as $g)
                        <div class="alert alert-success">
                            <h6>{{ $g->nama }}</h6>
                            <p class="mb-1">{{ $g->tanggal_buka->format('d M Y') }} - {{ $g->tanggal_tutup->format('d M Y') }}</p>
                            <p class="mb-0">Biaya: Rp {{ number_format($g->biaya_pendaftaran, 0, ',', '.') }}</p>
                        </div>
                    @empty
                        <div class="alert alert-warning">Tidak ada gelombang aktif</div>
                    @endforelse
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header">
                    <h6 class="mb-0">Aksi Cepat</h6>
                </div>
                <div class="card-body">
                    <a href="{{ route('admin.pmb.gelombang.create') }}" class="btn btn-outline-primary w-100 mb-2">
                        <i class="fas fa-plus"></i> Tambah Gelombang
                    </a>
                    <a href="{{ route('admin.pmb.pendaftar.index') }}" class="btn btn-outline-info w-100 mb-2">
                        <i class="fas fa-list"></i> Daftar Pendaftar
                    </a>
                    <a href="{{ route('admin.pmb.laporan.index') }}" class="btn btn-outline-success w-100">
                        <i class="fas fa-chart-bar"></i> Laporan
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection