@extends('admin.layouts.app')

@section('title', 'Tinjauan Permohonan — ' . $permohonan->nama_penuh)

@push('styles')
<style>
    .jk-admin {
        background: #f8fafc;
        border-radius: 12px;
    }

    .jk-detail-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 24px;
        margin-top: 24px;
    }

    @media (max-width: 1024px) {
        .jk-detail-grid {
            grid-template-columns: 1fr;
        }
    }

    .jk-card {
        background: #fff;
        padding: 24px;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        margin-bottom: 24px;
        border: 1px solid #e2e8f0;
    }

    .jk-card h3 {
        margin-top: 0;
        border-bottom: 2px solid #f1f5f9;
        padding-bottom: 12px;
        color: #0f172a;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .jk-field {
        margin-bottom: 16px;
    }

    .jk-label {
        font-size: 11px;
        color: #64748b;
        text-transform: uppercase;
        font-weight: 700;
        display: block;
        margin-bottom: 4px;
        letter-spacing: 0.5px;
    }

    .jk-val {
        font-size: 15px;
        color: #0f172a;
        font-weight: 500;
        line-height: 1.4;
    }

    .jk-btn {
        padding: 10px 18px;
        border: 1px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        text-decoration: none;
        color: #fff;
        background: #003c5d;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-weight: 500;
        transition: 0.2s;
    }

    .jk-btn:hover {
        background: #004d7a;
    }

    .jk-btn-secondary {
        background: #f1f5f9;
        color: #0f172a;
        border-color: #cbd5e1;
    }

    .jk-btn-secondary:hover {
        background: #e2e8f0;
    }

    .jk-btn-dl {
        background: #0ea5e9;
        color: white;
    }

    .jk-btn-dl:hover {
        background: #0284c7;
    }

    .jk-status-form select {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #cbd5e1;
        border-radius: 6px;
        margin-bottom: 16px;
        font-size: 14px;
        background-color: #f8fafc;
        color: #334155;
    }

    .jkIcon {
        width: 18px;
        height: 18px;
        stroke-width: 2;
        fill: none;
        stroke: currentColor;
    }
</style>
@endpush

@section('content')
<div class="jk-admin">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; border-bottom: 2px solid #cbd5e1; padding-bottom: 20px; flex-wrap: wrap; gap: 12px;">
        <div>
            <h2 style="margin:0; color:#0f172a; font-size:22px; margin-bottom:4px;">Maklumat Pemohon</h2>
            <div style="color:#64748b; font-size:14px;">Kemaskini kedudukan dan keputusan status permohonan calon.</div>
        </div>
        <a href="{{ route('admin.permohonan.index', request()->query()) }}" class="jk-btn jk-btn-secondary">&larr; Senarai Permohonan</a>
    </div>

    <div class="jk-detail-grid">
        <div>
            <div class="jk-card">
                <h3>
                    <svg class="jkIcon" viewBox="0 0 24 24">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                        <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                    Maklumat Peribadi Calon
                </h3>
                
                @if($permohonan->gambar_passport_blob)
                    <div style="display:flex; justify-content:center; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #f1f5f9;">
                        <div style="text-align:center;">
                            <img src="data:{{ $permohonan->gambar_passport_mime ?? 'image/jpeg' }};base64,{{ $permohonan->gambar_passport_blob }}" style="width: 120px; height: 150px; object-fit: cover; border-radius: 6px; border: 2px solid #cbd5e1; box-shadow: 0 2px 4px rgba(0,0,0,0.1);" />
                            <div style="margin-top:6px;"><a href="{{ route('admin.permohonan.download', [$permohonan->id, 'gambar_passport']) }}" style="font-size:11px; color:#0ea5e9; text-decoration:none; font-weight:bold;">Muat Turun Gambar</a></div>
                        </div>
                    </div>
                @endif

                <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px; background:#f8fafc; padding:16px; border-radius:8px;">
                    <div class="jk-field" style="grid-column: span 2;">
                        <span class="jk-label">Nama Penuh Mengikut MyKad</span>
                        <span class="jk-val" style="font-size:18px; color:#000; font-weight:700;">{{ $permohonan->nama_penuh }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">No. Kad Pengenalan</span>
                        <span class="jk-val" style="font-family:monospace;">{{ $permohonan->no_kp }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Umur</span>
                        <span class="jk-val">{{ $permohonan->umur ?: '-' }} Tahun</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Warganegara Malaysia?</span>
                        <span class="jk-val">{{ $permohonan->warganegara_malaysia ? 'Ya' : 'Tidak' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Kewarganegaraan</span>
                        <span class="jk-val">{{ $permohonan->kewarganegaraan }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Bangsa</span>
                        <span class="jk-val">{{ $permohonan->bangsa ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Agama</span>
                        <span class="jk-val">{{ $permohonan->agama ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Alamat E-mel</span>
                        <span class="jk-val">
                            <a href="mailto:{{ $permohonan->email }}" style="color:#0ea5e9; text-decoration:none;">{{ $permohonan->email }}</a>
                        </span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">No. Telefon</span>
                        <span class="jk-val">{{ $permohonan->no_telefon }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Jantina / Tarikh Lahir</span>
                        <span class="jk-val">
                            {{ $permohonan->jantina === 'L' ? 'Lelaki' : ($permohonan->jantina === 'P' ? 'Perempuan' : '-') }} / {{ $permohonan->tarikh_lahir ? $permohonan->tarikh_lahir->format('d M Y') : '-' }}
                        </span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Taraf Perkahwinan</span>
                        <span class="jk-val">{{ $permohonan->status_perkahwinan }}</span>
                    </div>
                    <div class="jk-field" style="grid-column: span 2;">
                        <span class="jk-label">Alamat Surat Menyurat Terkini</span>
                        <span class="jk-val" style="line-height:1.5;">
                            {{ $permohonan->alamat }}<br />
                            {{ $permohonan->poskod }} {{ $permohonan->bandar }}, {{ $permohonan->negeri }}
                        </span>
                    </div>
                </div>
            </div>

            {{-- Maklumat Kesihatan --}}
            @php
                $kes = $permohonan->kesihatan ?: [];
            @endphp
            <div class="jk-card">
                <h3>
                    <svg class="jkIcon" viewBox="0 0 24 24">
                        <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
                    </svg>
                    Maklumat Kesihatan
                </h3>
                <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;">
                    <div class="jk-field">
                        <span class="jk-label">Tinggi (cm)</span>
                        <span class="jk-val">{{ $kes['tinggi'] ?? '-' }} cm</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Berat (kg)</span>
                        <span class="jk-val">{{ $kes['berat'] ?? '-' }} kg</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">BMI</span>
                        <span class="jk-val" style="font-weight:700; color:#0369a1;">{{ $kes['bmi'] ?? '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Merokok</span>
                        <span class="jk-val">{{ $kes['merokok'] ?? '-' }}</span>
                    </div>
                </div>
            </div>

            {{-- Akademik (SPM/Pendidikan Tinggi) --}}
            <div class="jk-card">
                <h3>
                    <svg class="jkIcon" viewBox="0 0 24 24">
                        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
                        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
                    </svg>
                    Kelayakan Akademik & Subjek SPM
                </h3>

                @php
                    $acad = $permohonan->akademik ?: [];
                @endphp
                @if(!empty($acad['spm_angka_giliran']) || !empty($acad['spm_subjek']))
                    <div style="background:#f8fafc; padding:12px; border-radius:6px; margin-bottom:15px; display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; border:1px solid #e2e8f0;">
                        <div>
                            <span class="jk-label" style="font-size:10px;">Peperiksaan</span>
                            <span class="jk-val">{{ $acad['spm_peperiksaan'] ?? 'Sijil Pelajaran Malaysia (SPM)' }}</span>
                        </div>
                        <div>
                            <span class="jk-label" style="font-size:10px;">Angka Giliran</span>
                            <span class="jk-val">{{ $acad['spm_angka_giliran'] ?? '-' }}</span>
                        </div>
                        <div>
                            <span class="jk-label" style="font-size:10px;">Tahun</span>
                            <span class="jk-val">{{ $acad['spm_tahun'] ?? '-' }}</span>
                        </div>
                    </div>

                    @if(!empty($acad['spm_subjek']) && is_array($acad['spm_subjek']))
                        <div style="margin-bottom:20px;">
                            <span class="jk-label">Senarai Gred Subjek SPM:</span>
                            <table style="width:100%; border-collapse:collapse; margin-top:5px; font-size:13px;">
                                <thead>
                                    <tr style="background:#f1f5f9; border-bottom:2px solid #cbd5e1;">
                                        <th style="padding:6px; text-align:left; color:#475569;">Subjek</th>
                                        <th style="padding:6px; text-align:center; width:100px; color:#475569;">Gred</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($acad['spm_subjek'] as $idx => $subj)
                                        @if(!empty($subj))
                                            <tr style="border-bottom:1px solid #e2e8f0;">
                                                <td style="padding:6px; color:#334155;">{{ $subj }}</td>
                                                <td style="padding:6px; text-align:center; font-weight:700; color:#0f172a;">{{ $acad['spm_gred'][$idx] ?? '-' }}</td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                @endif

                <div style="border-top:1px solid #cbd5e1; padding-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                @if(!empty($acad['pengajian_tinggi']) && is_array($acad['pengajian_tinggi']))
                    @foreach($acad['pengajian_tinggi'] as $idx => $pt)
                        <div style="border-top:1px solid #cbd5e1; padding-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top: 15px;">
                            <div style="grid-column: span 2; font-weight: bold; color: #003c5d;">
                                Pendidikan Tinggi {{ $idx + 1 }}: {{ $pt['tahap'] }}
                            </div>
                            <div class="jk-field">
                                <span class="jk-label">Nama Institusi</span>
                                <span class="jk-val">{{ $pt['institusi'] ?? '-' }}</span>
                            </div>
                            <div class="jk-field">
                                <span class="jk-label">Bidang Pengajian / Jurusan</span>
                                <span class="jk-val">{{ $pt['bidang'] ?? '-' }}</span>
                            </div>
                            <div class="jk-field">
                                <span class="jk-label">Tahun</span>
                                <span class="jk-val">{{ $pt['tahun'] ?? '-' }}</span>
                            </div>
                            <div class="jk-field">
                                <span class="jk-label">CGPA / Keputusan</span>
                                <span class="jk-val" style="background:#e0f2fe; padding:4px 8px; border-radius:4px; font-weight:700; color:#0369a1; display:inline-block;">
                                    {{ $pt['cgpa'] ?? '-' }}
                                </span>
                            </div>
                        </div>
                    @endforeach
                @elseif($permohonan->tahap_pendidikan)
                    <div style="border-top:1px solid #cbd5e1; padding-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                        <div class="jk-field">
                            <span class="jk-label">Tahap Kelulusan Tertinggi</span>
                            <span class="jk-val">{{ $permohonan->tahap_pendidikan }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Institusi Pengajian</span>
                            <span class="jk-val">{{ $permohonan->nama_institusi ?: '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Bidang Pengajian / Jurusan</span>
                            <span class="jk-val">{{ $permohonan->bidang_pengajian ?: '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Tahun</span>
                            <span class="jk-val">{{ $permohonan->tahun_tamat ?: '-' }}</span>
                        </div>
                        <div class="jk-field" style="grid-column: span 2;">
                            <span class="jk-label">CGPA / PNGK Keseluruhan</span>
                            <span class="jk-val" style="background:#e0f2fe; padding:4px 8px; border-radius:4px; font-weight:700; color:#0369a1; display:inline-block;">
                                {{ $permohonan->cgpa ?: '-' }}
                            </span>
                        </div>
                    </div>
                @endif
            </div>

            {{-- Bukan Akademik --}}
            @if(!empty($acad['bukan_akademik']))
                @php
                    $ba = $acad['bukan_akademik'];
                    $lesen = !empty($ba['lesen_memandu']) ? (is_array($ba['lesen_memandu']) ? implode(', ', $ba['lesen_memandu']) : $ba['lesen_memandu']) : '-';
                @endphp
                <div class="jk-card">
                    <h3>
                        <svg class="jkIcon" viewBox="0 0 24 24">
                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
                        </svg>
                        Maklumat Bukan Akademik
                    </h3>
                    <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                        <div class="jk-field" style="grid-column: span 2;">
                            <span class="jk-label">Kebolehan Bahasa</span>
                            <span class="jk-val">{{ $ba['bahasa'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Kurang Upaya?</span>
                            <span class="jk-val">
                                {{ $ba['kurang_upaya'] ?? 'Tidak' }}
                                @if(!empty($ba['kurang_upaya_details']))
                                    ({{ $ba['kurang_upaya_details'] }})
                                @endif
                            </span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Lesen Memandu</span>
                            <span class="jk-val">{{ $lesen }}</span>
                        </div>
                    </div>
                </div>
            @endif

            {{-- PSB / Sedang Berkhidmat --}}
            @php
                $serv = $permohonan->perkhidmatan ?: [];
                $isPsb = (int) ($serv['is_psb'] ?? 0);
            @endphp
            @if($isPsb)
                <div class="jk-card" style="border-left: 4px solid #003c5d;">
                    <h3>
                        <svg class="jkIcon" viewBox="0 0 24 24">
                            <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
                            <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
                        </svg>
                        Pegawai Sedang Berkhidmat (PSB/PSL)
                    </h3>
                    <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                        <div class="jk-field">
                            <span class="jk-label">Jenis Perkhidmatan</span>
                            <span class="jk-val">{{ $serv['psb_jenis_perkhidmatan'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Jenis Lantikan</span>
                            <span class="jk-val">{{ $serv['psb_jenis_lantikan'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Tarikh Lantikan Pertama</span>
                            <span class="jk-val">{{ !empty($serv['psb_tarikh_lantikan_pertama']) ? date('d M Y', strtotime($serv['psb_tarikh_lantikan_pertama'])) : '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Skim Perkhidmatan Sekarang</span>
                            <span class="jk-val">{{ $serv['psb_skim_sekarang'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Tarikh Lantikan Skim Sekarang</span>
                            <span class="jk-val">{{ !empty($serv['psb_tarikh_lantikan_skim']) ? date('d M Y', strtotime($serv['psb_tarikh_lantikan_skim'])) : '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Kementerian / Jabatan</span>
                            <span class="jk-val">{{ $serv['psb_kementerian'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Negeri</span>
                            <span class="jk-val">{{ $serv['psb_negeri'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Bahagian / Jajahan</span>
                            <span class="jk-val">{{ $serv['psb_bahagian'] ?? '-' }}</span>
                        </div>
                    </div>
                </div>
            @endif

            {{-- Bekas Tentera --}}
            @php
                $mil = $permohonan->bekas_tentera ?: [];
                $isMil = (int) ($mil['is_tentera'] ?? 0);
            @endphp
            @if($isMil)
                <div class="jk-card" style="border-left: 4px solid #16a34a;">
                    <h3>
                        🛡️ Maklumat Bekas Tentera / Polis
                    </h3>
                    <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                        <div class="jk-field">
                            <span class="jk-label">Kategori</span>
                            <span class="jk-val">{{ $mil['tentera_kategori'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Pangkat Terakhir</span>
                            <span class="jk-val">{{ $mil['tentera_pangkat'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field" style="grid-column: span 2;">
                            <span class="jk-label">Kategori Ditamatkan Perkhidmatan</span>
                            <span class="jk-val">{{ $mil['tentera_kategori_tamat'] ?? '-' }}</span>
                        </div>
                        <div class="jk-field">
                            <span class="jk-label">Menerima Pencen?</span>
                            <span class="jk-val">{{ $mil['tentera_pencen'] ?? '-' }}</span>
                        </div>
                    </div>
                </div>
            @endif

            {{-- Sejarah Pekerjaan --}}
            <div class="jk-card">
                <h3>
                    <svg class="jkIcon" viewBox="0 0 24 24">
                        <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
                        <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
                    </svg>
                    Sejarah Pekerjaan & Pengalaman
                </h3>
                <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
                    <div class="jk-field">
                        <span class="jk-label">Kategori Pekerjaan</span>
                        <span class="jk-val">{{ $permohonan->kategori_pekerjaan ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Tempat Berkhidmat (Majikan/Jabatan)</span>
                        <span class="jk-val">{{ $permohonan->majikan_semasa ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Jawatan / Jawatan Semasa</span>
                        <span class="jk-val">{{ $permohonan->jawatan_semasa ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Taraf Jawatan Semasa</span>
                        <span class="jk-val">{{ $permohonan->taraf_jawatan_semasa ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Tarikh Lantikan</span>
                        <span class="jk-val">{{ $permohonan->tarikh_lantikan ? $permohonan->tarikh_lantikan->format('d M Y') : '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Tarikh Tamat Perkhidmatan</span>
                        <span class="jk-val">{{ $permohonan->tarikh_tamat_perkhidmatan ? $permohonan->tarikh_tamat_perkhidmatan->format('d M Y') : '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Gaji Semasa (RM)</span>
                        <span class="jk-val">{{ $permohonan->gaji_semasa ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Tempoh Notis Berhenti</span>
                        <span class="jk-val">{{ $permohonan->tempoh_notis ?: '-' }}</span>
                    </div>
                    <div class="jk-field">
                        <span class="jk-label">Jumlah Tahun Pengalaman Industri</span>
                        <span class="jk-val">{{ $permohonan->tahun_pengalaman ?? 0 }} Tahun</span>
                    </div>
                </div>
            </div>

            {{-- Ibu Bapa & Pasangan --}}
            @php
                $fam = $permohonan->ibu_bapa_pasangan ?: [];
            @endphp
            @if(!empty($fam))
                <div class="jk-card">
                    <h3>
                        👨‍👩‍👧‍👦 Maklumat Keluarga (Ibu, Bapa & Pasangan)
                    </h3>
                    <div style="display:flex; flex-direction:column; gap:15px;">
                        @if(!empty($fam['bapa_nama']))
                            <div style="background:#f8fafc; padding:10px; border-radius:6px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:15px;">
                                <div>
                                    <span class="jk-label">Nama Bapa {{ !empty($fam['bapa_angkat']) ? '(Bapa Angkat)' : '' }}</span>
                                    <span class="jk-val" style="font-weight:bold;">{{ $fam['bapa_nama'] }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">No. KP Bapa</span>
                                    <span class="jk-val" style="font-family:monospace;">{{ $fam['bapa_no_kp'] ?: '-' }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">Pekerjaan Bapa</span>
                                    <span class="jk-val">{{ $fam['bapa_pekerjaan'] ?: '-' }}</span>
                                </div>
                            </div>
                        @endif

                        @if(!empty($fam['ibu_nama']))
                            <div style="background:#f8fafc; padding:10px; border-radius:6px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:15px;">
                                <div>
                                    <span class="jk-label">Nama Ibu {{ !empty($fam['ibu_angkat']) ? '(Mak Angkat)' : '' }}</span>
                                    <span class="jk-val" style="font-weight:bold;">{{ $fam['ibu_nama'] }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">No. KP Ibu</span>
                                    <span class="jk-val" style="font-family:monospace;">{{ $fam['ibu_no_kp'] ?: '-' }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">Pekerjaan Ibu</span>
                                    <span class="jk-val">{{ $fam['ibu_pekerjaan'] ?: '-' }}</span>
                                </div>
                            </div>
                        @endif

                        @if(!empty($fam['pasangan_nama']) && $permohonan->status_perkahwinan === 'Berkahwin')
                            <div style="background:#f8fafc; padding:10px; border-radius:6px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:15px;">
                                <div>
                                    <span class="jk-label">Nama Pasangan</span>
                                    <span class="jk-val" style="font-weight:bold;">{{ $fam['pasangan_nama'] }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">No. KP Pasangan</span>
                                    <span class="jk-val" style="font-family:monospace;">{{ $fam['pasangan_no_kp'] ?: '-' }}</span>
                                </div>
                                <div>
                                    <span class="jk-label">Pekerjaan Pasangan</span>
                                    <span class="jk-val">{{ $fam['pasangan_pekerjaan'] ?: '-' }}</span>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            @if (!empty($permohonan->surat_iringan))
                <div class="jk-card" style="background:#fefce8; border-color:#fef08a;">
                    <h3>
                        <svg class="jkIcon" viewBox="0 0 24 24">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                            <polyline points="14 2 14 8 20 8"></polyline>
                            <line x1="16" y1="13" x2="8" y2="13"></line>
                            <line x1="16" y1="17" x2="8" y2="17"></line>
                            <polyline points="10 9 9 9 8 9"></polyline>
                        </svg>
                        Surat Iringan (Cover Letter)
                    </h3>
                    <div class="jk-val" style="white-space: pre-wrap; color: #334155; line-height: 1.6; font-style:italic; padding:12px; background:#fff; border-radius:6px; font-size:14px;">
                        {{ $permohonan->surat_iringan }}
                    </div>
                </div>
            @endif
        </div>

        <div>
            <div class="jk-card" style="border-top:4px solid #003c5d;">
                <h3>Tindakan Status Keputusan</h3>
                <form method="POST" action="{{ route('admin.permohonan.updateStatus', array_merge(['id' => $permohonan->id], request()->query())) }}" class="jk-status-form">
                    @csrf
                    <span class="jk-label" style="font-size:13px; color:#0f172a;">Kemaskini Kedudukan Calon:</span>
                    <select name="status">
                        @foreach (\App\Models\Permohonan::STATUS_MAP as $k => $v)
                            <option value="{{ $k }}" {{ $permohonan->status === $k ? 'selected' : '' }}>
                                {{ $v['label'] }}
                            </option>
                        @endforeach
                    </select>
                    <button type="submit" class="jk-btn" style="width:100%; font-size: 15px; padding: 12px; background:#10b981;">
                        &check; Sahkan Keputusan Status
                    </button>
                </form>
                <div style="font-size:12px; color:#64748b; margin-top:12px; text-align:center;">
                    Perubahan status akan direkodkan serta merta dan boleh disemak melalui dashboard penganalisa data urus setia.
                </div>
            </div>

            <div class="jk-card">
                <h3>Jawatan Dipohon</h3>
                <div class="jk-field">
                    <span class="jk-label">Jawatan</span>
                    <span class="jk-val" style="font-weight:700; color:#003c5d; font-size:16px;">
                        {{ $permohonan->jawatan->position_ms ?? '-' }}
                    </span>
                </div>
                <div class="jk-field">
                    <span class="jk-label">No. Rujukan</span>
                    <span class="jk-val">{{ $permohonan->jawatan->ref_no ?? '-' }}</span>
                </div>
                <div class="jk-field">
                    <span class="jk-label">Tarikh & Masa Bukti Permohonan</span>
                    <span class="jk-val" style="color:#0ea5e9; font-weight:600;">
                        {{ $permohonan->created_at->format('d M Y, h:i A') }}
                    </span>
                </div>
            </div>

            <div class="jk-card" style="border-top:4px solid #0ea5e9;">
                <h3>Eksport & Cetakan</h3>
                <div style="display:flex; flex-direction:column; gap:12px;">
                    <a href="{{ route('admin.permohonan.print', $permohonan->id) }}" target="_blank" class="jk-btn" style="background:#0ea5e9; color:white; font-weight:bold; text-decoration:none;">
                        📄 Cetak / Muat Turun PDF
                    </a>
                    <a href="{{ route('admin.permohonan.zip', $permohonan->id) }}" class="jk-btn" style="background:#0284c7; color:white; font-weight:bold; text-decoration:none;">
                        📦 Muat Turun Semua Dokumen (ZIP)
                    </a>
                </div>
            </div>

            <div class="jk-card">
                <h3>Maklumat Pemohon</h3>
                <div style="display:flex; flex-direction:column; gap:12px;">
                    @if ($permohonan->resume_blob || $permohonan->sijil_blob || $permohonan->kp_pemohon_blob || $permohonan->kp_bapa_blob || $permohonan->sijil_pengangkatan_blob || $permohonan->dokumen_lain_blob)
                        @if ($permohonan->resume_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'resume']) }}" target="_blank" class="jk-btn jk-btn-dl">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                    <line x1="16" y1="13" x2="8" y2="13"></line>
                                    <line x1="16" y1="17" x2="8" y2="17"></line>
                                    <polyline points="10 9 9 9 8 9"></polyline>
                                </svg>
                                Download Resume
                            </a>
                        @endif
                        @if ($permohonan->sijil_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'sijil']) }}" target="_blank" class="jk-btn jk-btn-dl" style="background: #eab308; color: #fff;">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                    <circle cx="10" cy="13" r="2"></circle>
                                    <path d="M10 15v4l2-1 2 1v-4"></path>
                                </svg>
                                Download Sijil Kelayakan Akademik
                            </a>
                        @endif
                        @if ($permohonan->kp_pemohon_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'kp_pemohon']) }}" target="_blank" class="jk-btn jk-btn-dl" style="background: #14b8a6; color: #fff;">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                </svg>
                                Download KP Pemohon
                            </a>
                        @endif
                        @if ($permohonan->kp_bapa_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'kp_bapa']) }}" target="_blank" class="jk-btn jk-btn-dl" style="background: #14b8a6; color: #fff;">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                </svg>
                                Download KP Bapa
                            </a>
                        @endif
                        @if ($permohonan->sijil_pengangkatan_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'sijil_pengangkatan']) }}" target="_blank" class="jk-btn jk-btn-dl" style="background: #a855f7; color: #fff;">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                </svg>
                                Download Sijil Pengangkatan
                            </a>
                        @endif
                        @if ($permohonan->dokumen_lain_blob)
                            <a href="{{ route('admin.permohonan.download', [$permohonan->id, 'dokumen_lain']) }}" target="_blank" class="jk-btn jk-btn-dl" style="background: #64748b; color: #fff;">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                    <polyline points="14 2 14 8 20 8"></polyline>
                                </svg>
                                Download Dokumen Sokongan
                            </a>
                        @endif
                    @else
                        <div style="padding: 16px; background: #fef2f2; border:1px solid #fecaca; border-radius:6px; text-align:center;">
                            <span class="jk-val" style="color:#b91c1c; font-size:13px;">⚠ Pemohon tidak memuat naik sebarang dokumen sokongan atau resume.</span>
                        </div>
                    @endif
                </div>
            </div>


        </div>
    </div>
</div>
@endsection