@php
    use App\Models\SpmbSetting;
    // Mengambil warna dinamis dari setting, fallback ke warna Puruhita (Teal & Amber)
    $pColor = SpmbSetting::get('spmb_primary_color', '#0f766e');
    $aColor = SpmbSetting::get('spmb_accent_color', '#f59e0b');
@endphp

{{-- Inject Styling Langsung untuk Partial View --}}
<style>
    /* Komponen Kustom UI Modern */
    .card-verification {
        border: none;
        border-radius: 1.25rem; /* 20px */
        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
        border-top: 5px solid {{ $pColor }} !important;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    
    .text-dynamic-primary { color: {{ $pColor }} !important; }
    
    .btn-dynamic-primary { 
        background-color: {{ $pColor }} !important; 
        color: #ffffff !important; 
        border: none; 
        transition: all 0.3s ease;
    }
    .btn-dynamic-primary:hover { 
        background-color: color-mix(in srgb, {{ $pColor }} 80%, black) !important;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    .info-label {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 700;
        color: #94a3b8;
        margin-bottom: 0.2rem;
    }
    
    .info-value {
        font-size: 1rem;
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 1.2rem;
    }

    /* Kustomisasi Form Action */
    .action-box {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 1rem;
        padding: 1.5rem;
    }

    .form-control-modern {
        border-radius: 0.75rem;
        border: 1px solid #cbd5e1;
        padding: 0.75rem 1rem;
        transition: all 0.3s ease;
    }
    .form-control-modern:focus {
        border-color: {{ $pColor }};
        box-shadow: 0 0 0 3px color-mix(in srgb, {{ $pColor }} 20%, transparent);
        outline: none;
    }
</style>

<div class="card card-verification mb-4">
    <div class="card-header bg-white py-4 d-flex justify-content-between align-items-center border-bottom-0">
        <h3 class="card-title font-weight-bold mb-0" style="font-size: 1.25rem;">
            <i class="fas fa-user-check text-dynamic-primary mr-2"></i> Verifikasi Berkas Calon Siswa
        </h3>
        
        @if($candidate->status_verifikasi == 'verified')
            <div class="card-tools m-0">
                <span class="badge px-3 py-2 rounded-pill shadow-sm" style="background-color: #ecfdf5; color: #059669; border: 1px solid #a7f3d0;">
                    <i class="fas fa-check-circle mr-1"></i> Terverifikasi
                </span>
            </div>
        @elseif($candidate->status_verifikasi == 'rejected')
            <div class="card-tools m-0">
                <span class="badge px-3 py-2 rounded-pill shadow-sm" style="background-color: #fef2f2; color: #dc2626; border: 1px solid #fecaca;">
                    <i class="fas fa-times-circle mr-1"></i> Perlu Revisi
                </span>
            </div>
        @else
            <div class="card-tools m-0">
                <span class="badge px-3 py-2 rounded-pill shadow-sm" style="background-color: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe;">
                    <i class="fas fa-clock mr-1"></i> Menunggu Verifikasi
                </span>
            </div>
        @endif
    </div>
    
    <div class="card-body pt-2">
        <div class="row">
            
            {{-- KOLOM KIRI: DATA SISWA & JALUR --}}
            <div class="col-md-5">
                <h6 class="font-weight-bold border-bottom pb-2 mb-4 text-dynamic-primary text-uppercase tracking-wide" style="font-size: 0.85rem;">
                    Informasi Akademik
                </h6>
                
                <div>
                    <div class="info-label">Nama Lengkap</div>
                    <div class="info-value">{{ $candidate->nama_lengkap ?? '-' }}</div>

                    <div class="info-label">Nomor Induk Kependudukan (NIK)</div>
                    <div class="info-value">{{ $candidate->nik ?? '-' }}</div>

                    <div class="info-label">Tujuan Sekolah</div>
                    <div class="info-value">
                        @if($candidate->sekolah)
                            <span class="badge bg-light text-dark border px-3 py-2 rounded-pill">
                                <i class="fas fa-university text-muted mr-1"></i> {{ $candidate->sekolah->nama_sekolah }}
                            </span>
                        @else
                            <span class="text-muted font-italic">Belum dipilih</span>
                        @endif
                    </div>

                    <div class="info-label">Jalur Masuk</div>
                    <div class="info-value">
                        <span class="badge px-3 py-2 rounded-pill" style="background-color: #fffbeb; color: #d97706; border: 1px solid #fde68a;">
                            <i class="fas fa-project-diagram mr-1"></i> 
                            {{ strtoupper($candidate->jalur_pendaftaran ?? $candidate->wave->nama_gelombang ?? 'REGULER') }}
                        </span>
                    </div>

                    @if($candidate->jalur_pendaftaran == 'zonasi')
                        <div class="p-3 mt-3 rounded-lg" style="background-color: #f0f9ff; border: 1px solid #bae6fd;">
                            <div class="info-label text-info"><i class="fas fa-map-marker-alt"></i> Jarak Zonasi (Radius)</div>
                            <h5 class="mb-2 font-weight-bold" style="color: #0369a1;">
                                {{ $candidate->jarak_ke_sekolah ? $candidate->jarak_ke_sekolah . ' KM' : 'Tidak Terdeteksi' }}
                            </h5>
                            @if($candidate->latitude && $candidate->longitude)
                                <a href="https://www.google.com/maps?q={{ $candidate->latitude }},{{ $candidate->longitude }}" target="_blank" class="btn btn-sm btn-info rounded-pill px-3 shadow-sm font-weight-bold">
                                    <i class="fas fa-external-link-alt mr-1"></i> Buka Google Maps
                                </a>
                            @endif
                        </div>
                    @endif
                </div>
            </div>

            {{-- KOLOM KANAN: DOKUMEN & AKSI --}}
            <div class="col-md-7 border-left border-light">
                <h6 class="font-weight-bold border-bottom pb-2 mb-4 text-dynamic-primary text-uppercase tracking-wide pl-md-3" style="font-size: 0.85rem;">
                    Dokumen Persyaratan
                </h6>
                
                <div class="pl-md-3">
                    <table class="table table-hover table-borderless align-middle mb-4">
                        <tbody>
                            {{-- KK --}}
                            <tr>
                                <td style="width: 55%;" class="font-weight-bold text-secondary">
                                    <i class="fas fa-file-image text-muted mr-2" style="width: 20px;"></i> Kartu Keluarga <span class="text-danger">*</span>
                                </td>
                                <td class="text-right">
                                    @if($candidate->getDoc('kk'))
                                        <a href="{{ $candidate->getDoc('kk') }}" target="_blank" class="btn btn-sm btn-dynamic-primary rounded-pill px-4 shadow-sm font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Periksa File
                                        </a>
                                    @else
                                        <span class="badge badge-danger px-3 py-2 rounded-pill">Belum Upload</span>
                                    @endif
                                </td>
                            </tr>
                            
                            {{-- RAPOR --}}
                            <tr>
                                <td class="font-weight-bold text-secondary">
                                    <i class="fas fa-file-pdf text-muted mr-2" style="width: 20px;"></i> Rapor / SKL <span class="text-danger">*</span>
                                </td>
                                <td class="text-right">
                                    @if($candidate->getDoc('rapor'))
                                        <a href="{{ $candidate->getDoc('rapor') }}" target="_blank" class="btn btn-sm btn-dynamic-primary rounded-pill px-4 shadow-sm font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Periksa File
                                        </a>
                                    @else
                                        <span class="badge badge-danger px-3 py-2 rounded-pill">Belum Upload</span>
                                    @endif
                                </td>
                            </tr>

                            {{-- DOKUMEN JALUR KHUSUS --}}
                            @if($candidate->jalur_pendaftaran == 'afirmasi')
                            <tr>
                                <td class="font-weight-bold text-success">
                                    <i class="fas fa-hands-helping mr-2" style="width: 20px;"></i> SKTM / KIP
                                </td>
                                <td class="text-right">
                                    @if($candidate->getDoc('sktm'))
                                        <a href="{{ $candidate->getDoc('sktm') }}" target="_blank" class="btn btn-sm btn-success rounded-pill px-4 shadow-sm font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Periksa File
                                        </a>
                                    @else
                                        <span class="badge badge-danger px-3 py-2 rounded-pill">Wajib Upload</span>
                                    @endif
                                </td>
                            </tr>
                            @endif

                            @if($candidate->jalur_pendaftaran == 'prestasi')
                            <tr>
                                <td class="font-weight-bold text-warning">
                                    <i class="fas fa-medal mr-2" style="width: 20px;"></i> Sertifikat Prestasi
                                </td>
                                <td class="text-right">
                                    @if($candidate->getDoc('prestasi'))
                                        <a href="{{ $candidate->getDoc('prestasi') }}" target="_blank" class="btn btn-sm btn-warning text-dark rounded-pill px-4 shadow-sm font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Periksa File
                                        </a>
                                    @else
                                        <span class="badge badge-danger px-3 py-2 rounded-pill">Wajib Upload</span>
                                    @endif
                                </td>
                            </tr>
                            @endif

                            @if($candidate->jalur_pendaftaran == 'perpindahan')
                            <tr>
                                <td class="font-weight-bold" style="color: #6f42c1;">
                                    <i class="fas fa-briefcase mr-2" style="width: 20px;"></i> SK Pindah Tugas
                                </td>
                                <td class="text-right">
                                    @if($candidate->getDoc('pindah_tugas'))
                                        <a href="{{ $candidate->getDoc('pindah_tugas') }}" target="_blank" class="btn btn-sm text-white rounded-pill px-4 shadow-sm font-weight-bold" style="background-color: #6f42c1;">
                                            <i class="fas fa-eye mr-1"></i> Periksa File
                                        </a>
                                    @else
                                        <span class="badge badge-danger px-3 py-2 rounded-pill">Wajib Upload</span>
                                    @endif
                                </td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    
                    {{-- FORM AKSI VERIFIKASI --}}
                    <div class="action-box mt-2">
                        <form action="{{ route('admin.ppdb.verify', $candidate->id) }}" method="POST">
                            @csrf
                            <div class="form-group mb-4">
                                <label class="text-dark font-weight-bold mb-2">Catatan Verifikator <span class="text-muted font-weight-normal">(Tampil di dashboard siswa)</span></label>
                                <textarea name="catatan_verifikator" class="form-control form-control-modern" rows="2" placeholder="Cth: Dokumen KK kurang jelas, mohon scan ulang bagian alamat...">{{ $candidate->catatan_verifikator }}</textarea>
                            </div>
                            
                            <div class="d-flex" style="gap: 10px;">
                                <button type="submit" name="status_verifikasi" value="verified" class="btn btn-success font-weight-bold flex-fill py-2 rounded-pill shadow-sm transition">
                                    <i class="fas fa-check-circle mr-1"></i> Verifikasi Diterima
                                </button>
                                <button type="submit" name="status_verifikasi" value="rejected" class="btn btn-outline-danger font-weight-bold flex-fill py-2 rounded-pill transition bg-white">
                                    <i class="fas fa-times-circle mr-1"></i> Tolak / Minta Revisi
                                </button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>