{{-- resources/views/admin/data-staff/edit_dokumen.blade.php --}}
<div class="tab-pane fade" id="dokumen" role="tabpanel" aria-labelledby="dokumen-tab">
    
    <div class="row mb-4">
        <div class="col-12">
            <h6 class="fw-bold mb-2 text-primary border-bottom pb-2">Arsip Dokumen Pendukung</h6>
            <p class="text-muted mb-0" style="font-size: 13px;">
                Unggah salinan (*scan*) dokumen pendukung. Format yang diizinkan: <strong>PDF, JPG, JPEG, PNG</strong>. Maksimal <strong>2MB</strong> per file.
            </p>
        </div>
    </div>

    <div class="row g-4">
        
        {{-- 1. DOKUMEN IJAZAH TERAKHIR --}}
        <div class="col-md-6">
            <div class="card border border-secondary border-opacity-25 shadow-sm h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-dark mb-3"><i class="bi bi-mortarboard text-primary me-2"></i> Ijazah Terakhir</h6>
                    
                    @if(isset($staff->file_ijazah) && $staff->file_ijazah)
                        <div class="alert alert-success d-flex align-items-center p-2 mb-3 shadow-none" style="font-size: 13px;">
                            <i class="bi bi-check-circle-fill fs-5 me-2"></i>
                            <div>
                                Dokumen telah diunggah.<br>
                                <a href="{{ asset('storage/staff/dokumen/' . $staff->file_ijazah) }}" target="_blank" class="alert-link text-decoration-none">
                                    <i class="bi bi-eye"></i> Lihat File Saat Ini
                                </a>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-light border d-flex align-items-center p-2 mb-3 shadow-none text-muted" style="font-size: 13px;">
                            <i class="bi bi-exclamation-circle fs-5 me-2"></i> Belum ada dokumen yang diunggah.
                        </div>
                    @endif

                    <label class="form-label fw-medium mb-1" style="font-size: 13px;">Unggah / Ganti Ijazah Baru</label>
                    <input type="file" name="file_ijazah" class="form-control form-control-sm" accept=".pdf,image/jpeg,image/png,image/jpg">
                </div>
            </div>
        </div>

        {{-- 2. DOKUMEN KTP --}}
        <div class="col-md-6">
            <div class="card border border-secondary border-opacity-25 shadow-sm h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-dark mb-3"><i class="bi bi-person-badge text-primary me-2"></i> KTP (Kartu Tanda Penduduk)</h6>
                    
                    @if(isset($staff->file_ktp) && $staff->file_ktp)
                        <div class="alert alert-success d-flex align-items-center p-2 mb-3 shadow-none" style="font-size: 13px;">
                            <i class="bi bi-check-circle-fill fs-5 me-2"></i>
                            <div>
                                Dokumen telah diunggah.<br>
                                <a href="{{ asset('storage/staff/dokumen/' . $staff->file_ktp) }}" target="_blank" class="alert-link text-decoration-none">
                                    <i class="bi bi-eye"></i> Lihat File Saat Ini
                                </a>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-light border d-flex align-items-center p-2 mb-3 shadow-none text-muted" style="font-size: 13px;">
                            <i class="bi bi-exclamation-circle fs-5 me-2"></i> Belum ada dokumen yang diunggah.
                        </div>
                    @endif

                    <label class="form-label fw-medium mb-1" style="font-size: 13px;">Unggah / Ganti KTP Baru</label>
                    <input type="file" name="file_ktp" class="form-control form-control-sm" accept=".pdf,image/jpeg,image/png,image/jpg">
                </div>
            </div>
        </div>

        {{-- 3. DOKUMEN KK --}}
        <div class="col-md-6">
            <div class="card border border-secondary border-opacity-25 shadow-sm h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-dark mb-3"><i class="bi bi-people text-primary me-2"></i> Kartu Keluarga (KK)</h6>
                    
                    @if(isset($staff->file_kk) && $staff->file_kk)
                        <div class="alert alert-success d-flex align-items-center p-2 mb-3 shadow-none" style="font-size: 13px;">
                            <i class="bi bi-check-circle-fill fs-5 me-2"></i>
                            <div>
                                Dokumen telah diunggah.<br>
                                <a href="{{ asset('storage/staff/dokumen/' . $staff->file_kk) }}" target="_blank" class="alert-link text-decoration-none">
                                    <i class="bi bi-eye"></i> Lihat File Saat Ini
                                </a>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-light border d-flex align-items-center p-2 mb-3 shadow-none text-muted" style="font-size: 13px;">
                            <i class="bi bi-exclamation-circle fs-5 me-2"></i> Belum ada dokumen yang diunggah.
                        </div>
                    @endif

                    <label class="form-label fw-medium mb-1" style="font-size: 13px;">Unggah / Ganti KK Baru</label>
                    <input type="file" name="file_kk" class="form-control form-control-sm" accept=".pdf,image/jpeg,image/png,image/jpg">
                </div>
            </div>
        </div>

        {{-- 4. DOKUMEN NPWP --}}
        <div class="col-md-6">
            <div class="card border border-secondary border-opacity-25 shadow-sm h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-dark mb-3"><i class="bi bi-credit-card-2-front text-primary me-2"></i> NPWP</h6>
                    
                    @if(isset($staff->file_npwp) && $staff->file_npwp)
                        <div class="alert alert-success d-flex align-items-center p-2 mb-3 shadow-none" style="font-size: 13px;">
                            <i class="bi bi-check-circle-fill fs-5 me-2"></i>
                            <div>
                                Dokumen telah diunggah.<br>
                                <a href="{{ asset('storage/staff/dokumen/' . $staff->file_npwp) }}" target="_blank" class="alert-link text-decoration-none">
                                    <i class="bi bi-eye"></i> Lihat File Saat Ini
                                </a>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-light border d-flex align-items-center p-2 mb-3 shadow-none text-muted" style="font-size: 13px;">
                            <i class="bi bi-exclamation-circle fs-5 me-2"></i> Belum ada dokumen yang diunggah.
                        </div>
                    @endif

                    <label class="form-label fw-medium mb-1" style="font-size: 13px;">Unggah / Ganti NPWP Baru</label>
                    <input type="file" name="file_npwp" class="form-control form-control-sm" accept=".pdf,image/jpeg,image/png,image/jpg">
                </div>
            </div>
        </div>

    </div>
</div>