@extends('layouts.admin')

@section('title', 'Detail Pelamar')
@section('page-title', 'Detail Pelamar')
@section('page-subtitle', $applicant->full_name)

@section('content')
<div style="margin-bottom: 1rem; display: flex; gap: 0.5rem;">
    <a href="{{ route('admin.applicants.index') }}" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
    <a href="{{ route('admin.applicants.edit', $applicant) }}" class="btn btn-primary btn-sm"><i class="fas fa-pen"></i> Ubah Status</a>
    <a href="{{ route('admin.applicants.export-single', $applicant) }}" class="btn btn-success btn-sm" style="background-color: #10B981; border-color: #10B981; color: white;"><i class="fas fa-file-excel"></i> Download Excel</a>
    <a href="{{ route('admin.applicants.export-pdf', $applicant) }}" class="btn btn-danger btn-sm" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i class="fas fa-file-pdf"></i> Download PDF</a>
</div>

{{-- Status Banner --}}
<div class="card" style="padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border-left: 4px solid #2E7D32;">
    <div>
        <div style="font-size: 1.15rem; font-weight: 800; color: #111827; margin-bottom: 4px;">{{ $applicant->full_name }}</div>
        <span style="font-size: 0.82rem; color: var(--text-muted);">NIK: {{ $applicant->nik }} · Lowongan: <strong style="color: var(--text-primary);">{{ $applicant->vacancy->title ?? '-' }}</strong> @if(!empty($applicant->vacancy->department)) ({{ $applicant->vacancy->department }}) @endif</span>
    </div>
    <div style="text-align: right;">
        <div style="margin-bottom: 4px;">
            @switch($applicant->status)
                @case('TERKIRIM') <span class="badge badge-warning" style="font-size: 0.88rem; padding: 0.4rem 1rem;">⏳ Terkirim</span> @break
                @case('PROSES') <span class="badge badge-info" style="font-size: 0.88rem; padding: 0.4rem 1rem;">🔄 Dalam Proses</span> @break
                @case('DITERIMA') <span class="badge badge-success" style="font-size: 0.88rem; padding: 0.4rem 1rem;">✅ Diterima</span> @break
                @case('DITOLAK') <span class="badge badge-danger" style="font-size: 0.88rem; padding: 0.4rem 1rem;">❌ Ditolak</span> @break
                @default <span class="badge badge-secondary">{{ $applicant->status }}</span>
            @endswitch
        </div>
        <span style="font-size: 0.78rem; color: var(--text-muted);">{{ $applicant->created_at->format('d M Y, H:i') }}</span>
    </div>
</div>

{{-- ========== STEP 1: IDENTITAS DIRI ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #059669;">
        <span class="detail-section-number">1</span>
        <div>
            <div class="detail-section-title">Identitas Diri</div>
            <div class="detail-section-subtitle">Data pribadi pelamar</div>
        </div>
    </div>
    <div class="detail-section-body">
        <div class="info-grid">
            <div class="info-item full"><div class="info-label">Nama Lengkap</div><div class="info-value" style="font-size: 1.25rem; font-weight: 700; color: #111827;">{{ $applicant->full_name }}</div></div>
            <div class="info-item"><div class="info-label">Jenis Kelamin</div><div class="info-value">{{ $applicant->gender ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Tempat Lahir</div><div class="info-value">{{ $applicant->birth_place ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Golongan Darah</div><div class="info-value">{{ $applicant->other_data['blood_type'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Tanggal Lahir</div><div class="info-value">{{ $applicant->birth_date ? $applicant->birth_date->format('d M Y') : '-' }}</div></div>
            <div class="info-item"><div class="info-label">Agama</div><div class="info-value">{{ $applicant->religion ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Tinggi Badan</div><div class="info-value">{{ $applicant->height ? $applicant->height . ' cm' : '-' }}</div></div>
            <div class="info-item"><div class="info-label">Berat Badan</div><div class="info-value">{{ $applicant->weight ? $applicant->weight . ' kg' : '-' }}</div></div>
        </div>
        <div class="info-divider"></div>
        <div class="info-grid">
            <div class="info-item full"><div class="info-label">Alamat Sesuai KTP</div><div class="info-value">{{ $applicant->address ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Kelurahan</div><div class="info-value">{{ $applicant->other_data['kelurahan'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Kecamatan</div><div class="info-value">{{ $applicant->other_data['kecamatan'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Kota / Kabupaten</div><div class="info-value">{{ $applicant->city ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Provinsi</div><div class="info-value">{{ $applicant->province ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Kode Pos</div><div class="info-value">{{ $applicant->postal_code ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Email</div><div class="info-value">{{ $applicant->other_data['email'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">No Handphone</div><div class="info-value bold">{{ $applicant->other_data['phone'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Nomor KK</div><div class="info-value">{{ $applicant->other_data['nomor_kk'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Nomor KTP</div><div class="info-value">{{ $applicant->nik ?? '-' }}</div></div>
            <div class="info-item full"><div class="info-label">Alamat Tinggal Saat Ini</div><div class="info-value">{{ $applicant->other_data['current_address'] ?? $applicant->address ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">No Telepon Rumah/Kerabat</div><div class="info-value">{{ $applicant->other_data['emergency_phone'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Tempat Tinggal Milik</div><div class="info-value">{{ $applicant->other_data['residence_ownership'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Status Pernikahan</div><div class="info-value">{{ $applicant->other_data['marital_status'] ?? '-' }}</div></div>
            <div class="info-item"><div class="info-label">Sejak Tanggal</div><div class="info-value">{{ $applicant->other_data['marriage_date'] ?? '-' }}</div></div>
        </div>
    </div>
</div>

{{-- ========== STEP 2: IDENTITAS KELUARGA ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #F59E0B;">
        <span class="detail-section-number">2</span>
        <div>
            <div class="detail-section-title">Identitas Keluarga</div>
            <div class="detail-section-subtitle">Susunan keluarga pelamar</div>
        </div>
    </div>
    <div class="detail-section-body">
        @if(!empty($applicant->family_data) && is_array($applicant->family_data))
        @php
            $coreData = [];
            $parentsData = [];
            if (isset($applicant->family_data['core']) || isset($applicant->family_data['parents'])) {
                // New structure
                $mapping = [
                    'suami_istri' => 'Suami/Istri',
                    'anak_1' => 'Anak 1', 'anak_2' => 'Anak 2', 'anak_3' => 'Anak 3',
                    'ayah' => 'Ayah', 'ibu' => 'Ibu'
                ];
                if (!empty($applicant->family_data['core'])) {
                    foreach ($applicant->family_data['core'] as $key => $member) {
                        if (!empty($member['name'])) {
                            $member['relationship'] = $mapping[$key] ?? ucwords(str_replace('_', ' ', $key));
                            $coreData[] = $member;
                        }
                    }
                }
                if (!empty($applicant->family_data['parents'])) {
                    foreach ($applicant->family_data['parents'] as $key => $member) {
                        if (!empty($member['name'])) {
                            $member['relationship'] = $mapping[$key] ?? ucwords(str_replace('_', ' ', $key));
                            $parentsData[] = $member;
                        }
                    }
                }
            } else {
                // Old structure fallback
                $famData = is_array($applicant->family_data) ? $applicant->family_data : [];
                foreach ($famData as $member) {
                    if (!empty($member['name'])) {
                        $rel = strtolower($member['relationship'] ?? '');
                        if (in_array($rel, ['suami', 'istri', 'suami/istri', 'anak 1', 'anak 2', 'anak 3', 'anak 4', 'anak 5'])) {
                            $coreData[] = $member;
                        } else {
                            $parentsData[] = $member;
                        }
                    }
                }
            }
        @endphp

        <div class="sub-section-label" style="margin-bottom: 10px;"><i class="fas fa-users"></i> Susunan Keluarga (Istri/Suami dan anak-anak)</div>
        @if(!empty($coreData))
        <div style="overflow-x: auto; margin-bottom: 1.5rem;">
            <table class="detail-table">
                <thead>
                    <tr>
                        <th style="width: 120px;">Keluarga</th>
                        <th>Nama</th>
                        <th style="width: 50px;">L/P</th>
                        <th>Tempat / Tgl Lahir</th>
                        <th>Pendidikan</th>
                        <th>Pekerjaan</th>
                        <th>No Telepon</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($coreData as $member)
                    <tr>
                        <td class="bold">{{ $member['relationship'] ?? '-' }}</td>
                        <td>{{ $member['name'] ?? '-' }}</td>
                        <td style="text-align: center;">{{ $member['gender'] ?? '-' }}</td>
                        <td>{{ $member['birth_info'] ?? $member['birth_place_date'] ?? ($member['age'] ?? '-') }}</td>
                        <td>{{ $member['education'] ?? '-' }}</td>
                        <td>{{ $member['occupation'] ?? '-' }}</td>
                        <td>{{ $member['phone'] ?? '-' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg" style="margin-bottom: 1.5rem;"><i class="fas fa-info-circle"></i> Tidak ada data.</p>
        @endif

        <div class="sub-section-label" style="margin-bottom: 10px;"><i class="fas fa-users"></i> Susunan Keluarga (Ayah, Ibu, Saudara Kandung)</div>
        @if(!empty($parentsData))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead>
                    <tr>
                        <th style="width: 120px;">Keluarga</th>
                        <th>Nama</th>
                        <th style="width: 50px;">L/P</th>
                        <th>Tempat / Tgl Lahir</th>
                        <th>Pendidikan</th>
                        <th>Pekerjaan</th>
                        <th>No Telepon</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($parentsData as $member)
                    <tr>
                        <td class="bold">{{ $member['relationship'] ?? '-' }}</td>
                        <td>{{ $member['name'] ?? '-' }}</td>
                        <td style="text-align: center;">{{ $member['gender'] ?? '-' }}</td>
                        <td>{{ $member['birth_info'] ?? $member['birth_place_date'] ?? ($member['age'] ?? '-') }}</td>
                        <td>{{ $member['education'] ?? '-' }}</td>
                        <td>{{ $member['occupation'] ?? '-' }}</td>
                        <td>{{ $member['phone'] ?? '-' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data.</p>
        @endif
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data keluarga.</p>
        @endif


    </div>
</div>

{{-- ========== STEP 3: RIWAYAT PENDIDIKAN ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #3B82F6;">
        <span class="detail-section-number">3</span>
        <div>
            <div class="detail-section-title">Riwayat Pendidikan</div>
            <div class="detail-section-subtitle">Pendidikan formal & non formal</div>
        </div>
    </div>
    <div class="detail-section-body">
        <div class="sub-section-label"><i class="fas fa-school"></i> Pendidikan Formal</div>
        @if(!empty($applicant->education_data) && is_array($applicant->education_data))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead>
                    <tr>
                        <th style="width: 90px;">Tingkat</th>
                        <th>Nama Sekolah</th>
                        <th>Jurusan</th>
                        <th>Tempat</th>
                        <th style="width: 100px;">Dari</th>
                        <th style="width: 100px;">Sampai</th>
                        <th style="width: 80px;">Lulus</th>
                        <th style="width: 60px;">IPK</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $formalEd = $applicant->education_data['formal'] ?? [];
                        if (!is_array($formalEd)) $formalEd = [];
                        $levels = ['sd' => 'SD', 'smp' => 'SMP', 'sma' => 'SMA/SMK', 'd3' => 'D3', 's1' => 'S1', 's2' => 'S2'];
                    @endphp
                    @foreach($levels as $key => $label)
                        @if(!empty($formalEd[$key]['school']))
                        @php $ed = $formalEd[$key]; @endphp
                        <tr>
                            <td class="bold">{{ $label }}</td>
                            <td>{{ $ed['school'] ?? '-' }}</td>
                            <td>{{ $ed['major'] ?? '-' }}</td>
                            <td>{{ $ed['location'] ?? '-' }}</td>
                            <td>{{ $ed['year_start'] ?? '-' }}</td>
                            <td>{{ $ed['year_end'] ?? '-' }}</td>
                            <td>
                                @if(($ed['status'] ?? '') == 'Lulus')
                                    <span class="badge badge-success">Lulus</span>
                                @else
                                    {{ $ed['status'] ?? '-' }}
                                @endif
                            </td>
                            <td class="bold">{{ $ed['gpa'] ?? '-' }}</td>
                        </tr>
                        @endif
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data pendidikan formal.</p>
        @endif

        <div class="sub-section-label" style="margin-top: 1.5rem;"><i class="fas fa-chalkboard-teacher"></i> Pendidikan Non Formal</div>
        @if(!empty($applicant->education_data['non_formal']) && is_array($applicant->education_data['non_formal']) && count(array_filter(array_column($applicant->education_data['non_formal'], 'course'))) > 0)
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead>
                    <tr>
                        <th>Kursus/Seminar</th>
                        <th>Penyelenggara</th>
                        <th>Tempat</th>
                        <th style="width: 100px;">Dari</th>
                        <th style="width: 100px;">Sampai</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($applicant->education_data['non_formal'] as $nf)
                    @if(!empty($nf['course']))
                    <tr>
                        <td class="bold">{{ $nf['course'] ?? '-' }}</td>
                        <td>{{ $nf['organizer'] ?? '-' }}</td>
                        <td>{{ $nf['location'] ?? '-' }}</td>
                        <td>{{ $nf['year_start'] ?? '-' }}</td>
                        <td>{{ $nf['year_end'] ?? '-' }}</td>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data pendidikan non formal.</p>
        @endif

        <div class="sub-section-label" style="margin-top: 1.5rem;"><i class="fas fa-certificate"></i> Kemampuan Khusus</div>
        @php 
            $skills = is_array($applicant->other_data['skills'] ?? null) ? $applicant->other_data['skills'] : [
                ['name' => 'BAHASA', 'level' => ''],
                ['name' => 'KOMPUTER', 'level' => ''],
                ['name' => 'KEMAMPUAN LAIN', 'level' => '']
            ];
        @endphp
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead>
                    <tr>
                        <th>Kemampuan</th>
                        <th>BS</th>
                        <th>B</th>
                        <th>C</th>
                        <th>K</th>
                        <th>KS</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($skills as $skill)
                    <tr>
                        <td class="bold">{{ $skill['name'] ?? '-' }}</td>
                        <td style="text-align:center;">{!! ($skill['level'] ?? '') == 'BS' ? '<i class="fas fa-check" style="color: green;"></i>' : '' !!}</td>
                        <td style="text-align:center;">{!! ($skill['level'] ?? '') == 'B' ? '<i class="fas fa-check" style="color: green;"></i>' : '' !!}</td>
                        <td style="text-align:center;">{!! ($skill['level'] ?? '') == 'C' ? '<i class="fas fa-check" style="color: green;"></i>' : '' !!}</td>
                        <td style="text-align:center;">{!! ($skill['level'] ?? '') == 'K' ? '<i class="fas fa-check" style="color: green;"></i>' : '' !!}</td>
                        <td style="text-align:center;">{!! ($skill['level'] ?? '') == 'KS' ? '<i class="fas fa-check" style="color: green;"></i>' : '' !!}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- ========== STEP 4: RIWAYAT PEKERJAAN ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #8B5CF6;">
        <span class="detail-section-number">4</span>
        <div>
            <div class="detail-section-title">Riwayat Pekerjaan</div>
            <div class="detail-section-subtitle">Pengalaman kerja sebelumnya</div>
        </div>
    </div>
    <div class="detail-section-body">
        @if(!empty($applicant->experience_data) && is_array($applicant->experience_data))
            @foreach($applicant->experience_data as $i => $exp)
            <div class="work-block">
                <div class="work-block-header">
                    <span class="work-block-num">{{ $i + 1 }}</span>
                    <strong>Pekerjaan Ke-{{ $i + 1 }}</strong>
                </div>
                <div class="info-grid" style="padding: 1rem;">
                    <div class="info-item full">
                        <div class="info-label">Nama & Alamat Perusahaan</div>
                        <div class="info-value bold">{!! nl2br(e($exp['company'] ?? $exp['company_info'] ?? '-')) !!}</div>
                    </div>
                    <div class="info-item">
                        <div class="info-label">Jabatan</div>
                        <div class="info-value">{{ is_array($exp['positions'] ?? $exp['jabatan'] ?? null) ? implode(', ', array_filter($exp['positions'] ?? $exp['jabatan'])) : ($exp['position'] ?? $exp['jabatan'] ?? '-') }}</div>
                    </div>
                    <div class="info-item">
                        <div class="info-label">Periode</div>
                        <div class="info-value">{{ is_array($exp['periods'] ?? $exp['periode'] ?? null) ? implode(', ', array_filter($exp['periods'] ?? $exp['periode'])) : ($exp['duration'] ?? $exp['periode'] ?? '-') }}</div>
                    </div>
                    <div class="info-item">
                        <div class="info-label">Gaji Akhir</div>
                        <div class="info-value">{{ is_array($exp['salaries'] ?? $exp['gaji'] ?? null) ? implode(', ', array_filter($exp['salaries'] ?? $exp['gaji'])) : ($exp['salary'] ?? $exp['gaji'] ?? '-') }}</div>
                    </div>
                    <div class="info-item">
                        <div class="info-label">Jumlah Bawahan</div>
                        <div class="info-value">{{ is_array($exp['subordinates'] ?? $exp['bawahan'] ?? null) ? implode(', ', array_filter($exp['subordinates'] ?? $exp['bawahan'])) : ($exp['subordinates'] ?? $exp['bawahan'] ?? '-') }}</div>
                    </div>
                    <div class="info-item full">
                        <div class="info-label">Alasan Berhenti</div>
                        <div class="info-value">{{ $exp['reason_leave'] ?? $exp['alasan_berhenti'] ?? '-' }}</div>
                    </div>
                    <div class="info-item full">
                        <div class="info-label">Uraian Tugas dan Tanggung Jawab</div>
                        <div class="info-value" style="background: #f9fafb; padding: 0.65rem 0.85rem; border-radius: 8px; margin-top: 4px; line-height: 1.6;">{{ $exp['responsibilities'] ?? $exp['description'] ?? $exp['uraian_tugas'] ?? '-' }}</div>
                    </div>
                </div>
            </div>
            @endforeach
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada pengalaman kerja.</p>
        @endif
    </div>
</div>

{{-- ========== STEP 5: LAIN-LAIN ========== --}}
@php $other = is_array($applicant->other_data) ? $applicant->other_data : []; @endphp
<div class="detail-section">
    <div class="detail-section-header" style="background: #EF4444;">
        <span class="detail-section-number">5</span>
        <div>
            <div class="detail-section-title">Lain-lain</div>
            <div class="detail-section-subtitle">Aktivitas sosial, referensi, kontak darurat</div>
        </div>
    </div>
    <div class="detail-section-body">
        {{-- Aktivitas Sosial --}}
        <div class="sub-section-label"><i class="fas fa-users-cog"></i> Aktivitas Sosial & Organisasi</div>
        @php
            $socialActivities = $other['social_activities'] ?? $other['aktivitas'] ?? [];
        @endphp
        @if(!empty($socialActivities))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead><tr><th>Nama Organisasi</th><th>Jenis Kegiatan</th><th>Jabatan</th><th style="width: 100px;">Tahun</th></tr></thead>
                <tbody>
                    @foreach($socialActivities as $sa)
                    @if(!empty($sa['organization']) || !empty($sa['organisasi']))
                    <tr>
                        <td class="bold">{{ $sa['organization'] ?? $sa['organisasi'] ?? '-' }}</td>
                        <td>{{ $sa['activity'] ?? $sa['kegiatan'] ?? '-' }}</td>
                        <td>{{ $sa['position'] ?? $sa['jabatan'] ?? '-' }}</td>
                        <td>{{ $sa['year'] ?? $sa['tahun'] ?? '-' }}</td>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data organisasi.</p>
        @endif

        <div class="info-highlight" style="margin-top: 1rem;">
            <i class="fas fa-heart" style="color: #EF4444;"></i>
            <div><strong>Hobby & Kegiatan Waktu Luang:</strong><br>{{ $other['hobbies'] ?? $other['hobby'] ?? '-' }}</div>
        </div>

        {{-- Referensi --}}
        <div class="sub-section-label" style="margin-top: 1.75rem;"><i class="fas fa-address-book"></i> Referensi</div>
        @php
            $references = $other['references'] ?? $other['referensi'] ?? [];
        @endphp
        @if(!empty($references))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead><tr><th>Nama</th><th>Alamat & No Telepon</th><th>Jabatan</th><th>Hubungan</th></tr></thead>
                <tbody>
                    @foreach($references as $ref)
                    @if(!empty($ref['name']) || !empty($ref['nama']))
                    <tr>
                        <td class="bold">{{ $ref['name'] ?? $ref['nama'] ?? '-' }}</td>
                        <td>{{ $ref['address_phone'] ?? $ref['alamat'] ?? '-' }}</td>
                        <td>{{ $ref['position'] ?? $ref['jabatan'] ?? '-' }}</td>
                        <td>{{ $ref['relationship'] ?? $ref['hubungan'] ?? '-' }}</td>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif

        {{-- Kontak Darurat --}}
        <div class="sub-section-label" style="margin-top: 1.75rem;"><i class="fas fa-phone-alt"></i> Kontak Darurat</div>
        @php
            $emergencyContacts = [];
            if (!empty($other['darurat'])) {
                foreach ($other['darurat']['nama'] ?? [] as $k => $nama) {
                    if (!empty($nama)) {
                        $emergencyContacts[] = [
                            'name' => $nama,
                            'address' => $other['darurat']['alamat'][$k] ?? '-',
                            'phone' => $other['darurat']['telepon'][$k] ?? '-',
                            'relationship' => $other['darurat']['hubungan'][$k] ?? '-'
                        ];
                    }
                }
            } else if (!empty($other['emergency_contacts'])) {
                $emergencyContacts = $other['emergency_contacts'];
            }
        @endphp
        @if(!empty($emergencyContacts))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead><tr><th>Nama</th><th>Alamat</th><th>No Telepon</th><th>Hubungan</th></tr></thead>
                <tbody>
                    @foreach($emergencyContacts as $ec)
                    <tr>
                        <td class="bold">{{ $ec['name'] ?? '-' }}</td>
                        <td>{{ $ec['address'] ?? '-' }}</td>
                        <td>{{ $ec['phone'] ?? '-' }}</td>
                        <td>{{ $ec['relationship'] ?? '-' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif

        {{-- Pertanyaan --}}
        <div class="sub-section-label" style="margin-top: 1.75rem;"><i class="fas fa-question-circle"></i> Pertanyaan Lain-lain</div>
        @php
            $qList = [
                1 => 'Apakah saudara sebelumnya pernah melamar di Triputra Agro Persada Group?',
                2 => 'Apakah Saudara memiliki teman/keluarga/seseorang yang dikenal di perusahaan ini?',
                3 => 'Apakah Saudara pernah menderita sakit keras/kecelakaan berat/operasi?',
                4 => 'Apabila diterima, bersediakah Saudara ditugaskan ke luar kota?',
                5 => 'Apabila diterima, bersediakah Saudara ditempatkan ke luar kota?',
                6 => 'Jenis pekerjaan apakah yang sesuai dengan cita-cita Saudara?',
                7 => 'Jenis pekerjaan bagaimana yang tidak Saudara sukai?',
                8 => 'Bila diterima, berapa permintaan gaji dan tunjangan yang Saudara harapkan?',
                9 => 'Bila diterima, kapan Saudara bisa mulai bekerja?',
            ];
            $hasAnyQ = false;
            foreach(range(1,9) as $i) { if(isset($other['q'.$i])) $hasAnyQ = true; }
        @endphp
        @if($hasAnyQ || !empty($other['questions']))
        <div style="overflow-x: auto;">
            <table class="detail-table">
                <thead><tr><th>Pertanyaan</th><th style="width: 60px; text-align: center;">YA</th><th style="width: 60px; text-align: center;">TIDAK</th><th>Keterangan / Jawaban</th></tr></thead>
                <tbody>
                    @foreach($qList as $i => $qText)
                        @php
                            $ans = '';
                            $note = '';
                            if (!empty($other['questions']) && isset($other['questions'][$i-1])) {
                                $ans = $other['questions'][$i-1]['answer'] ?? '';
                                $note = $other['questions'][$i-1]['note'] ?? '';
                            } else {
                                $ans = $other['q'.$i] ?? '';
                                $note = $other['q'.$i.'_keterangan'] ?? '';
                            }
                            if(empty($ans) && empty($note)) continue;
                        @endphp
                        <tr>
                            <td>{{ $qText }}</td>
                            @if($i <= 5)
                                <td style="text-align: center;">@if(strtolower($ans) == 'ya') <i class="fas fa-check-circle" style="color: #10B981; font-size: 1.1rem;"></i> @endif</td>
                                <td style="text-align: center;">@if(strtolower($ans) == 'tidak') <i class="fas fa-check-circle" style="color: #EF4444; font-size: 1.1rem;"></i> @endif</td>
                                <td>{{ $note ?? '-' }}</td>
                            @else
                                <td colspan="3">{{ $ans ?: $note ?: '-' }}</td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @else
            <p class="empty-msg"><i class="fas fa-info-circle"></i> Tidak ada data pertanyaan.</p>
        @endif
    </div>
</div>

{{-- ========== STEP 6: DOKUMEN ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #0284C7;">
        <span class="detail-section-number">6</span>
        <div>
            <div class="detail-section-title">Dokumen Lampiran</div>
            <div class="detail-section-subtitle">File dokumen yang diupload pelamar</div>
        </div>
    </div>
    <div class="detail-section-body">
        @if(!empty($applicant->documents) && is_array($applicant->documents))
        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.85rem;">
            @php $docIcons = ['kartu_keluarga'=>'fa-id-card','ktp'=>'fa-address-card','ijazah_terakhir'=>'fa-certificate','surat_lamaran'=>'fa-envelope-open-text','npwp'=>'fa-receipt','buku_rekening_bni'=>'fa-university','foto_3x4'=>'fa-camera']; @endphp
            @foreach($applicant->documents as $key => $path)
            <a href="{{ route('admin.file', ['path' => $path]) }}" target="_blank" class="doc-card">
                <div class="doc-card-icon">
                    <i class="fas {{ $docIcons[$key] ?? 'fa-file' }}"></i>
                </div>
                <div class="doc-card-info">
                    @php 
                        $docName = ucwords(str_replace('_', ' ', $key));
                        if (is_numeric($key)) {
                            $docName = "Dokumen " . ((int)$key + 1);
                        }
                    @endphp
                    <div class="doc-card-name">{{ $docName }}</div>
                    <div class="doc-card-action"><i class="fas fa-download"></i> Unduh / Lihat</div>
                </div>
            </a>
            @endforeach
        </div>
        @endif
    </div>
</div>

{{-- ========== STEP 7: TANDA TANGAN ========== --}}
<div class="detail-section">
    <div class="detail-section-header" style="background: #4B5563;">
        <span class="detail-section-number">7</span>
        <div>
            <div class="detail-section-title">Tanda Tangan</div>
            <div class="detail-section-subtitle">Tanda tangan digital pelamar</div>
        </div>
    </div>
    <div class="detail-section-body" style="text-align: center;">
        @if(!empty($applicant->other_data['signature_image']))
            <img src="{{ $applicant->other_data['signature_image'] }}" alt="Tanda Tangan" style="max-width: 300px; border: 1px solid #E5E7EB; border-radius: 8px; padding: 10px; background: white;">
            <div style="margin-top: 10px; font-weight: bold;">{{ $applicant->other_data['signature_name'] ?? $applicant->full_name }}</div>
            <div style="color: #6B7280; font-size: 0.85rem;">{{ $applicant->other_data['signature_date'] ?? '-' }}</div>
        @elseif(!empty($applicant->signature_image))
            <img src="{{ $applicant->signature_image }}" alt="Tanda Tangan" style="max-width: 300px; border: 1px solid #E5E7EB; border-radius: 8px; padding: 10px; background: white;">
            <div style="margin-top: 10px; font-weight: bold;">{{ $applicant->other_data['signature_name'] ?? $applicant->full_name }}</div>
            <div style="color: #6B7280; font-size: 0.85rem;">{{ $applicant->other_data['signature_date'] ?? '-' }}</div>
        @else
            <p class="empty-msg" style="justify-content: center;"><i class="fas fa-info-circle"></i> Belum ada tanda tangan.</p>
        @endif
    </div>
</div>

<style>
    /* Section blocks */
    .detail-section { margin-bottom: 1.5rem; border-radius: 16px; overflow: hidden; background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); }
    .detail-section-header { padding: 1rem 1.5rem; display: flex; align-items: center; gap: 14px; color: white; }
    .detail-section-number { width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,0.25); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem; flex-shrink: 0; }
    .detail-section-title { font-size: 1.05rem; font-weight: 700; }
    .detail-section-subtitle { font-size: 0.78rem; opacity: 0.85; }
    .detail-section-body { padding: 1.5rem; }

    /* Sub-section label */
    .sub-section-label { font-size: 0.85rem; font-weight: 700; color: #374151; margin-bottom: 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid #E5E7EB; display: flex; align-items: center; gap: 8px; }
    .sub-section-label i { color: #6B7280; }

    /* Info grid */
    .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
    .info-item { padding: 0.6rem 0.5rem; border-bottom: 1px solid #f3f4f6; }
    .info-item.full { grid-column: 1 / -1; }
    .info-label { font-size: 0.72rem; font-weight: 700; color: #9CA3AF; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 3px; }
    .info-value { font-size: 0.9rem; color: #111827; }
    .info-value.bold, .bold { font-weight: 700; }
    .info-divider { height: 1px; background: linear-gradient(to right, #E5E7EB, transparent); margin: 0.5rem 0; }

    /* Info highlight box */
    .info-highlight { display: flex; align-items: flex-start; gap: 10px; padding: 0.85rem 1rem; background: #fafafa; border-radius: 10px; border: 1px solid #f3f4f6; font-size: 0.88rem; }

    /* Detail table */
    .detail-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
    .detail-table th { background: #F8FAFC; padding: 0.65rem 0.85rem; text-align: left; font-size: 0.72rem; font-weight: 700; color: #64748B; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #E2E8F0; }
    .detail-table td { padding: 0.65rem 0.85rem; border-bottom: 1px solid #F1F5F9; color: #334155; }
    .detail-table tbody tr:nth-child(even) { background: #F8FAFC; }
    .detail-table tbody tr:hover { background: #F0FDF4; }

    /* Work block */
    .work-block { border: 1px solid #E5E7EB; border-radius: 12px; overflow: hidden; margin-bottom: 1rem; }
    .work-block-header { padding: 0.65rem 1rem; background: #F8FAFC; border-bottom: 1px solid #E5E7EB; display: flex; align-items: center; gap: 8px; font-size: 0.88rem; }
    .work-block-num { width: 26px; height: 26px; border-radius: 7px; background: #8B5CF6; color: white; display: flex; align-items: center; justify-content: center; font-size: 0.78rem; font-weight: 700; }

    /* Document cards */
    .doc-card { text-decoration: none; display: flex; align-items: center; gap: 12px; padding: 1rem 1.25rem; border-radius: 12px; border: 1px solid #E5E7EB; transition: all 0.2s; background: white; }
    .doc-card:hover { border-color: #2E7D32; box-shadow: 0 4px 16px rgba(46,125,50,0.12); transform: translateY(-2px); }
    .doc-card-icon { width: 44px; height: 44px; border-radius: 10px; background: #ECFDF5; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #059669; flex-shrink: 0; }
    .doc-card-name { font-weight: 700; font-size: 0.85rem; color: #111827; }
    .doc-card-action { font-size: 0.72rem; color: #2E7D32; margin-top: 2px; }

    .empty-msg { color: #9CA3AF; font-size: 0.88rem; font-style: italic; display: flex; align-items: center; gap: 6px; }

    @media (max-width: 768px) {
        .info-grid { grid-template-columns: 1fr !important; }
        .doc-card { flex-direction: column; text-align: center; }
    }
</style>
@endsection