@php
    $reviewerRole = $reviewerRole ?? null;
    $validationRoute = $validationRoute ?? null;
    $isReviewerView = (bool) ($reviewerRole && $validationRoute);
    $statusBadge = [
        'belum_dikirim' => 'secondary',
        'menunggu' => 'warning text-dark',
        'revisi' => 'danger',
        'disetujui' => 'success',
    ];
    $statusLabel = [
        'belum_dikirim' => 'Belum Dikirim',
        'menunggu' => 'Menunggu Validasi',
        'revisi' => 'Direvisi',
        'disetujui' => 'Disetujui',
    ];
    $reviewerStatusLabel = [
        'belum_dikirim' => 'Belum Dikirim',
        'menunggu' => 'Menunggu Validasi',
        'revisi' => 'Direvisi',
        'disetujui' => 'Disetujui',
    ];
    $summaryBadge = [
        'Belum Lengkap' => 'secondary',
        'Menunggu Validasi Dokumen' => 'warning text-dark',
        'Perlu Revisi Dokumen' => 'danger',
        'Siap Ajukan Seminar' => 'success',
        'Seminar Sudah Diajukan' => 'success',
    ];
    $documents = [
        'laporan_hasil_magang' => [
            'title' => 'Laporan Hasil Magang',
            'history_title' => 'Riwayat Laporan Hasil Magang',
            'path' => $kelayakan->laporan_hasil_magang,
            'original_name' => $kelayakan->laporan_hasil_magang_original_name,
            'preview' => 'Lihat',
            'download' => 'Download',
            'empty' => 'Laporan Hasil Magang belum dikirim.',
        ],
        'produk_magang' => [
            'title' => 'Produk Magang',
            'history_title' => 'Riwayat Produk Magang',
            'path' => $kelayakan->produk_magang,
            'original_name' => $kelayakan->produk_magang_original_name,
            'preview' => 'Lihat',
            'download' => 'Download',
            'link' => $kelayakan->produk_magang_link,
            'empty' => 'Produk Magang belum dikirim.',
        ],
        'draft_jurnal' => [
            'title' => 'Draft Jurnal',
            'history_title' => 'Riwayat Draft Jurnal',
            'path' => $kelayakan->draft_jurnal,
            'original_name' => $kelayakan->draft_jurnal_original_name,
            'preview' => 'Lihat',
            'download' => 'Download',
            'empty' => 'Draft Jurnal belum dikirim.',
        ],
    ];
    $roleLabels = ['dosen' => 'Dosen Pembimbing', 'pembimbing_lapangan' => 'Pembimbing Lapangan'];
    $validationFor = function (string $documentKey, string $role) use ($kelayakan) {
        return $kelayakan->documentValidations
            ->where('document_key', $documentKey)
            ->where('reviewer_role', $role)
            ->first();
    };
    $historyLabel = function ($history) use ($documents) {
        if ($history->document_key && isset($documents[$history->document_key])) {
            return $documents[$history->document_key]['title'];
        }

        return 'Kelayakan Lama';
    };
    $isMahasiswaHistory = fn($history) => strcasecmp((string) $history->role_pemberi, 'Mahasiswa') === 0;
    $submittedAtFor = function (string $documentKey, bool $hasDocument) use ($kelayakan) {
        if (! $hasDocument) {
            return null;
        }

        $history = $kelayakan->catatanHistories
            ->where('document_key', $documentKey)
            ->first(fn($item) => strcasecmp((string) $item->role_pemberi, 'Mahasiswa') === 0);

        return $history?->created_at ?: ($kelayakan->submitted_at ?: $kelayakan->updated_at);
    };
    $visibleHistoryFor = function (?string $documentKey = null) use ($kelayakan, $reviewerRole) {
        $reviewerHistoryRole = $reviewerRole === 'dosen' ? 'Dosen Pembimbing' : ($reviewerRole === 'pembimbing_lapangan' ? 'Pembimbing Lapangan' : null);

        return $kelayakan->catatanHistories
            ->filter(function ($history) use ($documentKey, $reviewerHistoryRole) {
                $sameDocument = $documentKey === null ? blank($history->document_key) : $history->document_key === $documentKey;
                if (! $sameDocument) {
                    return false;
                }

                if (! $reviewerHistoryRole) {
                    return true;
                }

                return strcasecmp((string) $history->role_pemberi, 'Mahasiswa') === 0
                    || strcasecmp((string) $history->role_pemberi, $reviewerHistoryRole) === 0;
            })
            ->when($documentKey !== null && $kelayakan->wajibUploadUlang(), fn($histories) => $histories->filter(fn($history) => $history->created_at && $history->created_at->greaterThanOrEqualTo($kelayakan->reupload_required_at)))
            ->values();
    };
    $documentHistoryFor = function (string $documentKey) use ($visibleHistoryFor, $isMahasiswaHistory) {
        return $visibleHistoryFor($documentKey)
            ->filter(fn($history) => $isMahasiswaHistory($history))
            ->sortBy('created_at')
            ->values();
    };
    $validationHistoryFor = function (?string $documentKey = null) use ($visibleHistoryFor, $isMahasiswaHistory) {
        return $visibleHistoryFor($documentKey)
            ->reject(fn($history) => $isMahasiswaHistory($history))
            ->values();
    };
    $historiesWithoutDocument = $kelayakan->catatanHistories->filter(fn($history) => blank($history->document_key));
    $statusRingkas = $kelayakan->statusRingkas();
    $missingMessages = method_exists($kelayakan, 'missingDocumentMessages') ? $kelayakan->missingDocumentMessages() : [];
@endphp

<style>
    .kelayakan-stack { display: grid; gap: 18px; width: 100%; max-width: 100%; min-width: 0; }
    .kelayakan-section { border: 1px solid #e7defa; border-radius: 12px; background: #fff; padding: 18px; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
    .kelayakan-section-title { color: #3b2678; font-weight: 700; margin-bottom: 12px; }
    .kelayakan-doc-card { border: 1px solid #eee7fb; border-radius: 10px; padding: 16px; background: #fff; min-width: 0; max-width: 100%; }
    .kelayakan-doc-card + .kelayakan-doc-card { margin-top: 14px; }
    .kelayakan-status-row { display: grid; grid-template-columns: minmax(0, 220px) auto; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0eafa; }
    .kelayakan-status-row:last-child { border-bottom: 0; }
    .kelayakan-reviewer-badge { display: inline-flex; width: auto; justify-self: end; white-space: nowrap; }
    .kelayakan-status-card { border: 1px solid #eee7fb; border-radius: 10px; padding: 14px; background: #fcfbff; }
    .kelayakan-status-card + .kelayakan-status-card { margin-top: 12px; }
    .kelayakan-timeline-item { border-left: 3px solid #8b5cf6; padding: 10px 0 10px 14px; margin-left: 4px; }
    .kelayakan-timeline-item + .kelayakan-timeline-item { margin-top: 6px; }
    .kelayakan-review-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
    .kelayakan-meta { color: #6b7280; font-size: 13px; }
    .kelayakan-wrap { white-space: normal; overflow-wrap: anywhere; word-break: break-word; max-width: 100%; }
    @media (max-width: 575.98px) {
        .kelayakan-section { padding: 14px; }
        .kelayakan-status-row { grid-template-columns: 1fr; gap: 4px; }
        .kelayakan-reviewer-badge { justify-self: start; }
    }
</style>

@if($isReviewerView)
    <div class="kelayakan-stack" id="reviewer-documents">
        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Validasi Dokumen Kelayakan</h6>

            <div class="kelayakan-doc-card">
                <div class="fw-semibold mb-2">Judul Laporan Magang</div>
                <div class="kelayakan-wrap">{{ $kelayakan->pengajuan?->judul_laporan ?: 'Belum tersedia' }}</div>
            </div>

            <div class="kelayakan-doc-card">
                <div class="fw-semibold mb-2">Uraian Output Magang</div>
                <div class="kelayakan-wrap">{{ $kelayakan->output_magang ?: 'Belum ada uraian output magang.' }}</div>
            </div>

            @foreach($documents as $documentKey => $document)
                @php
                    $hasDocument = $kelayakan->documentAvailable($documentKey);
                    $currentValidation = $validationFor($documentKey, $reviewerRole);
                    $reviewerHasApproved = ($currentValidation->status ?? 'menunggu') === 'disetujui';
                    $submittedAt = $submittedAtFor($documentKey, $hasDocument);
                    $revisionId = 'revisi-' . $reviewerRole . '-' . $kelayakan->id . '-' . $documentKey;
                @endphp
                <div class="kelayakan-doc-card">
                    <div class="d-flex flex-wrap justify-content-between gap-2 align-items-start mb-3">
                        <div>
                            <div class="fw-semibold">{{ $document['title'] }}</div>
                            @if($hasDocument)
                                <div class="kelayakan-meta mt-1">Submitted: {{ $submittedAt ? $submittedAt->timezone(config('app.timezone'))->format('d/m/Y H:i') : '-' }}</div>
                            @endif
                        </div>
                        @if($hasDocument)
                            <span class="badge kelayakan-reviewer-badge bg-{{ $statusBadge[$currentValidation->status ?? 'menunggu'] ?? 'secondary' }}">
                                {{ $reviewerStatusLabel[$currentValidation->status ?? 'menunggu'] ?? 'Menunggu Validasi' }}
                            </span>
                        @endif
                    </div>

                    @unless($hasDocument)
                        <span class="badge bg-secondary">Belum Dikirim</span>
                    @else
                        <div class="d-flex flex-wrap gap-2 mb-3">
                            @if(!empty($document['path']))
                                <div class="w-100 small text-muted kelayakan-wrap">File: {{ $document['original_name'] ?: basename($document['path']) }}</div>
                                <a href="{{ route('seminar.kelayakan.document.preview', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" target="_blank" class="btn btn-sm btn-outline-primary">{{ $document['preview'] }}</a>
                                <a href="{{ route('seminar.kelayakan.document.download', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" class="btn btn-sm btn-outline-secondary">{{ $document['download'] }}</a>
                            @endif
                            @if(!empty($document['link']))
                                <a href="{{ $document['link'] }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary">Buka Link Produk</a>
                            @endif
                        </div>

                        <div class="mb-3">
                            @foreach($roleLabels as $role => $roleLabel)
                                @php $validation = $validationFor($documentKey, $role); @endphp
                                <div class="kelayakan-status-row">
                                    <span>{{ $roleLabel }}</span>
                                    <span class="badge kelayakan-reviewer-badge bg-{{ $statusBadge[$validation->status ?? 'menunggu'] ?? 'secondary' }}">
                                        {{ $reviewerStatusLabel[$validation->status ?? 'menunggu'] ?? 'Menunggu' }}
                                    </span>
                                </div>
                            @endforeach
                        </div>

                        @if($reviewerHasApproved)
                            <div class="small text-success fw-semibold">Dokumen ini sudah Anda setujui.</div>
                        @else
                            <div class="kelayakan-review-actions">
                                <form action="{{ $validationRoute }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="document_key" value="{{ $documentKey }}">
                                    <input type="hidden" name="status" value="disetujui">
                                    <button type="submit" class="btn btn-sm btn-success">Setuju</button>
                                </form>
                                <button class="btn btn-sm btn-outline-danger" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $revisionId }}" aria-expanded="false" aria-controls="{{ $revisionId }}">Revisi</button>
                            </div>

                            <div class="collapse mt-3" id="{{ $revisionId }}" data-bs-parent="#reviewer-documents">
                                <form action="{{ $validationRoute }}" method="POST" class="border rounded-3 p-3 bg-light">
                                    @csrf
                                    <input type="hidden" name="document_key" value="{{ $documentKey }}">
                                    <input type="hidden" name="status" value="revisi">
                                    <label class="form-label fw-semibold">Tambahkan Catatan</label>
                                    <textarea name="catatan" class="form-control" rows="3" required></textarea>
                                    <div class="d-flex flex-wrap gap-2 justify-content-end mt-3">
                                        <button type="submit" class="btn btn-sm btn-danger">Kirim Revisi</button>
                                        <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#{{ $revisionId }}">Batal</button>
                                    </div>
                                </form>
                            </div>
                        @endif
                    @endunless
                </div>
            @endforeach
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Riwayat Dokumen</h6>
            <div class="accordion" id="reviewerDocumentHistoryAccordion-{{ $kelayakan->id }}">
                @foreach($documents as $documentKey => $document)
                    @php
                        $histories = $documentHistoryFor($documentKey);
                        $collapseId = 'reviewer-document-history-' . $kelayakan->id . '-' . $documentKey;
                    @endphp
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="{{ $collapseId }}-heading">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $collapseId }}" aria-expanded="false" aria-controls="{{ $collapseId }}">
                                Riwayat Dokumen {{ $document['title'] }}
                            </button>
                        </h2>
                        <div id="{{ $collapseId }}" class="accordion-collapse collapse" aria-labelledby="{{ $collapseId }}-heading" data-bs-parent="#reviewerDocumentHistoryAccordion-{{ $kelayakan->id }}">
                            <div class="accordion-body">
                                @forelse($histories as $history)
                                    <div class="kelayakan-timeline-item">
                                        <div class="small text-muted">Versi {{ $loop->iteration }}</div>
                                        <div class="kelayakan-wrap">{{ $history->catatan ?: '-' }}</div>
                                        @if(!empty($history->file_original_name) || !empty($history->file_path))
                                            <div class="small mt-1 kelayakan-wrap">File: {{ $history->file_original_name ?: basename($history->file_path) }}</div>
                                        @endif
                                        @if(!empty($history->produk_magang_link))
                                            <div class="small mt-1 kelayakan-wrap">Link: <a href="{{ $history->produk_magang_link }}" target="_blank" rel="noopener noreferrer">{{ $history->produk_magang_link }}</a></div>
                                        @endif
                                        <div class="small mt-2">Oleh: {{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                                        <div class="small text-muted">Waktu: {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                                    </div>
                                @empty
                                    <div class="text-muted small">Belum ada riwayat dokumen aktif.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Riwayat Validasi</h6>
            <div class="accordion" id="reviewerValidationHistoryAccordion-{{ $kelayakan->id }}">
                @foreach($documents as $documentKey => $document)
                    @php
                        $histories = $validationHistoryFor($documentKey);
                        $collapseId = 'reviewer-validation-history-' . $kelayakan->id . '-' . $documentKey;
                    @endphp
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="{{ $collapseId }}-heading">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $collapseId }}" aria-expanded="false" aria-controls="{{ $collapseId }}">
                                Validasi {{ $document['title'] }}
                            </button>
                        </h2>
                        <div id="{{ $collapseId }}" class="accordion-collapse collapse" aria-labelledby="{{ $collapseId }}-heading" data-bs-parent="#reviewerValidationHistoryAccordion-{{ $kelayakan->id }}">
                            <div class="accordion-body">
                                @forelse($histories as $history)
                                    <div class="kelayakan-timeline-item">
                                        <div class="fw-semibold">{{ $historyLabel($history) }}</div>
                                        <div class="small"><span class="badge bg-{{ $statusBadge[$history->status_tindakan] ?? 'secondary' }}">{{ $reviewerStatusLabel[$history->status_tindakan] ?? ucwords(str_replace('_', ' ', $history->status_tindakan)) }}</span></div>
                                        <div class="small">Oleh: {{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                                        <div class="small text-muted">Waktu: {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                                        <div class="small mt-2 kelayakan-wrap">Catatan: {{ $history->catatan ?: '-' }}</div>
                                    </div>
                                @empty
                                    <div class="text-muted small">Belum ada riwayat validasi untuk dokumen ini.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            @php $visibleOldHistories = ($kelayakan->wajibUploadUlang() || $reviewerRole === 'pembimbing_lapangan') ? collect() : $validationHistoryFor(null); @endphp
            @if($visibleOldHistories->isNotEmpty())
                <div class="kelayakan-doc-card">
                    <div class="fw-semibold mb-3">Riwayat Lama</div>
                    @foreach($visibleOldHistories as $history)
                        <div class="kelayakan-timeline-item">
                            <div class="fw-semibold">Kelayakan Lama</div>
                            <div class="small"><span class="badge bg-{{ $statusBadge[$history->status_tindakan] ?? 'secondary' }}">{{ $reviewerStatusLabel[$history->status_tindakan] ?? ucwords(str_replace('_', ' ', $history->status_tindakan)) }}</span></div>
                            <div class="small">Oleh: {{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                            <div class="small text-muted">Waktu: {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                            <div class="small mt-2 kelayakan-wrap">Catatan: {{ $history->catatan ?: '-' }}</div>
                        </div>
                    @endforeach
                </div>
            @endif
        </section>
    </div>
@else
    <div class="kelayakan-stack">
        <section class="kelayakan-section">
            <div class="d-flex flex-wrap justify-content-between gap-2 align-items-start">
                <div>
                    <h6 class="kelayakan-section-title mb-1">Ringkasan Status Kelayakan</h6>
                    <div class="text-muted small">Status dihitung dari ketersediaan dokumen dan enam validasi pembimbing.</div>
                </div>
                <span class="badge bg-{{ $summaryBadge[$statusRingkas] ?? 'secondary' }}">Status Kelayakan: {{ $statusRingkas }}</span>
            </div>

            @if($missingMessages !== [])
                <div class="alert alert-light border mt-3 mb-0 py-2 small">
                    @foreach($missingMessages as $message)
                        <div>{{ $message }}</div>
                    @endforeach
                </div>
            @endif
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Form / Dokumen Kelayakan</h6>
            @foreach($documents as $documentKey => $document)
                @php
                    $hasDocument = $kelayakan->documentAvailable($documentKey);
                @endphp
                <div class="kelayakan-doc-card">
                    <div class="d-flex flex-wrap justify-content-between gap-3 align-items-start">
                        <div>
                            <div class="fw-semibold">{{ $document['title'] }}</div>
                            @unless($hasDocument)
                                <div class="small text-muted mt-1">{{ $document['empty'] }}</div>
                                <span class="badge bg-secondary mt-2">Belum Dikirim</span>
                            @endunless
                        </div>
                        <div class="d-flex flex-wrap gap-2">
                            @if(!empty($document['path']))
                                <a href="{{ route('seminar.kelayakan.document.preview', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" target="_blank" class="btn btn-sm btn-outline-primary">{{ $document['preview'] }}</a>
                                <a href="{{ route('seminar.kelayakan.document.download', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" class="btn btn-sm btn-outline-secondary">{{ $document['download'] }}</a>
                            @endif
                            @if(!empty($document['link']))
                                <a href="{{ $document['link'] }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary">Buka Link Produk</a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach

            <div class="kelayakan-doc-card">
                <div class="fw-semibold mb-2">Uraian Output Magang</div>
                <div class="small kelayakan-wrap">{{ $kelayakan->output_magang ?: 'Belum ada uraian output magang.' }}</div>
            </div>
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Status Validasi Dokumen</h6>
            @foreach($documents as $documentKey => $document)
                @php
                    $hasDocument = $kelayakan->documentAvailable($documentKey);
                    $documentStatus = $kelayakan->documentValidationStatus($documentKey);
                @endphp
                <div class="kelayakan-status-card">
                    <div class="d-flex flex-wrap justify-content-between gap-2 align-items-center mb-2">
                        <div class="fw-semibold">{{ $document['title'] }}</div>
                        <span class="badge bg-{{ $statusBadge[$documentStatus] ?? 'secondary' }}">{{ $statusLabel[$documentStatus] ?? 'Belum Dikirim' }}</span>
                    </div>

                    @if($hasDocument)
                        @foreach($roleLabels as $role => $roleLabel)
                            @php $validation = $validationFor($documentKey, $role); @endphp
                            <div class="kelayakan-status-row">
                                <span>{{ $roleLabel }}</span>
                                <span class="badge kelayakan-reviewer-badge bg-{{ $statusBadge[$validation->status ?? 'menunggu'] ?? 'secondary' }}">
                                    {{ $reviewerStatusLabel[$validation->status ?? 'menunggu'] ?? 'Menunggu' }}
                                </span>
                            </div>
                        @endforeach
                        <div class="row g-2 mt-2 small">
                            <div class="col-md-6"><strong>Catatan Dosen Pembimbing:</strong><br>{{ $validationFor($documentKey, 'dosen')?->catatan ?: 'Tidak ada catatan.' }}</div>
                            <div class="col-md-6"><strong>Catatan Pembimbing Lapangan:</strong><br>{{ $validationFor($documentKey, 'pembimbing_lapangan')?->catatan ?: 'Tidak ada catatan.' }}</div>
                        </div>
                    @else
                        <div class="small text-muted">Dokumen belum dikirim, sehingga validasi pembimbing belum ditampilkan.</div>
                    @endif
                </div>
            @endforeach
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Riwayat Dokumen</h6>
            @foreach($documents as $documentKey => $document)
                @php $histories = $documentHistoryFor($documentKey); @endphp
                <div class="kelayakan-doc-card">
                    <div class="fw-semibold mb-3">Riwayat Dokumen {{ $document['title'] }}</div>
                    @forelse($histories as $history)
                        <div class="kelayakan-timeline-item">
                            <div class="small text-muted">Versi {{ $loop->iteration }}</div>
                            <div class="d-flex flex-wrap gap-2 mb-1">
                                <span class="badge bg-light text-dark border">{{ $historyLabel($history) }}</span>
                            </div>
                            <div class="fw-semibold">{{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                            <div class="small text-muted">{{ $history->role_pemberi }} - {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                            <div class="small mt-2 kelayakan-wrap"><strong>Catatan:</strong><br>{{ $history->catatan ?: '-' }}</div>
                        </div>
                    @empty
                        <div class="text-muted small">Belum ada riwayat dokumen untuk dokumen ini.</div>
                    @endforelse
                </div>
            @endforeach
        </section>

        <section class="kelayakan-section">
            <h6 class="kelayakan-section-title">Riwayat Validasi Dokumen</h6>
            @foreach($documents as $documentKey => $document)
                @php $histories = $validationHistoryFor($documentKey); @endphp
                <div class="kelayakan-doc-card">
                    <div class="fw-semibold mb-3">{{ $document['history_title'] }}</div>
                    @forelse($histories as $history)
                        <div class="kelayakan-timeline-item">
                            <div class="d-flex flex-wrap gap-2 mb-1">
                                <span class="badge bg-light text-dark border">{{ $historyLabel($history) }}</span>
                                <span class="badge bg-{{ $statusBadge[$history->status_tindakan] ?? 'secondary' }}">
                                    {{ $statusLabel[$history->status_tindakan] ?? ucwords(str_replace('_', ' ', $history->status_tindakan)) }}
                                </span>
                            </div>
                            <div class="fw-semibold">{{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                            <div class="small text-muted">{{ $history->role_pemberi }} - {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                            <div class="small mt-2 kelayakan-wrap"><strong>Catatan:</strong><br>{{ $history->catatan ?: '-' }}</div>
                        </div>
                    @empty
                        <div class="text-muted small">Belum ada riwayat validasi untuk dokumen ini.</div>
                    @endforelse
                </div>
            @endforeach

            @php $oldValidationHistories = $kelayakan->wajibUploadUlang() ? collect() : $historiesWithoutDocument->reject(fn($history) => $isMahasiswaHistory($history)); @endphp
            @if($oldValidationHistories->isNotEmpty())
                <div class="kelayakan-doc-card">
                    <div class="fw-semibold mb-3">Riwayat Kelayakan Lama</div>
                    @foreach($oldValidationHistories as $history)
                        <div class="kelayakan-timeline-item">
                            <div class="d-flex flex-wrap gap-2 mb-1">
                                <span class="badge bg-light text-dark border">Kelayakan Lama</span>
                                <span class="badge bg-{{ $statusBadge[$history->status_tindakan] ?? 'secondary' }}">
                                    {{ $statusLabel[$history->status_tindakan] ?? ucwords(str_replace('_', ' ', $history->status_tindakan)) }}
                                </span>
                            </div>
                            <div class="fw-semibold">{{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                            <div class="small text-muted">{{ $history->role_pemberi }} - {{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                            <div class="small mt-2 kelayakan-wrap"><strong>Catatan:</strong><br>{{ $history->catatan ?: '-' }}</div>
                        </div>
                    @endforeach
                </div>
            @endif
        </section>
    </div>
@endif