{{-- Approval History Card --}}
@if($surat->approvals && $surat->approvals->count() > 0)
@php
// Filter logic:
// 1. Tampilkan SEMUA yang sudah approved/rejected (history)
// 2. Untuk pending: hanya tampilkan SATU per approver (yang terbaru)
$historyApprovals = $surat->approvals->whereIn('status', ['approved', 'rejected']);

// Untuk pending, group by approver_id dan ambil yang terbaru saja
$pendingApprovals = $surat->approvals
->where('status', 'pending')
->groupBy('approver_id')
->map(function($approvals) {
return $approvals->sortByDesc('id')->first();
})
->values();

// Gabungkan history + pending (tanpa duplikasi pending)
$filteredApprovals = $historyApprovals->merge($pendingApprovals);

// Group by approver_id untuk mengelompokkan history per orang
$groupedByApprover = $filteredApprovals->groupBy('approver_id');

// Sort groups by role hierarchy (pangkat tertinggi di atas)
// Urutan: pimpinan_tertinggi > pimpinan_staf (Asisten) > pimpinan_satuan (Komandan) > kepala_bagian > tata_usaha > staf_pelaksana
$roleHierarchy = [
'pimpinan_tertinggi' => 10,
'sekretariat_pimpinan' => 20,
'pimpinan_staf' => 30,
'pimpinan_2' => 35,
'pimpinan_satuan' => 40,
'kasmin' => 42,
'paurmin' => 44,
'kepala_bagian' => 50,
'tata_usaha' => 60,
'staf_pelaksana' => 70,
'operator' => 80,
];
$sortedGroups = $groupedByApprover->sortBy(function($approvals, $approverId) use ($roleHierarchy) {
$approver = $approvals->first()->approver;
$role = $approver?->role ?? 'operator';
$roleScore = $roleHierarchy[$role] ?? 75;
// Wakil jabatan sedikit lebih rendah dari jabatan utama dalam role yang sama
$jabatan = strtolower($approver?->jabatan ?? '');
$isWakil = str_starts_with($jabatan, 'wakil') || str_starts_with($jabatan, 'wadan');
return $roleScore + ($isWakil ? 5 : 0);
});

// Flatten: untuk setiap approver, tampilkan semua approval-nya
// Sorted by id DESC - terbaru di atas, terlama di bawah
$sortedApprovals = $sortedGroups->flatMap(function($approvals) {
return $approvals->sortByDesc('id');
});
@endphp
<div class="card shadow-sm mb-4">
    <div class="card-header">
        <h6 class="mb-0">
            <i class="bi bi-clock-history"></i> Riwayat Approval
        </h6>
    </div>
    <div class="card-body p-0">
        <div class="list-group list-group-flush">
            @foreach($sortedApprovals as $approval)
            <div class="list-group-item">
                <div class="d-flex justify-content-between align-items-start">
                    <div class="d-flex align-items-start">
                        <div class="me-3">
                            <span class="badge {{ $approval->status_badge }} rounded-circle p-2">
                                <i class="bi {{ $approval->status_icon }}"></i>
                            </span>
                        </div>
                        <div>
                            @php
                                $showJabatan = true;
                                $showName = false;
                                
                                $approver = $approval->approver;
                                $jabatan = $approver?->jabatan;
                                $jabatanShort = $approver?->jabatan_short;
                                $name = $approver?->name ?? 'Pengguna Tidak Ditemukan';
                                $role = $approver?->role ?? 'operator';
                                
                                // Aturan khusus
                                if ($role === 'tata_usaha' || !$approver) {
                                    $showJabatan = false;
                                    $showName = true;
                                } elseif (in_array($role, ['operator', 'staf_pelaksana'])) {
                                    if ($jabatanShort && $jabatanShort !== '-') {
                                        $showJabatan = true;
                                        $showName = false;
                                    } elseif ($jabatan && $jabatan !== '-') {
                                        $showJabatan = true;
                                        $showName = false;
                                    } else {
                                        $showJabatan = false;
                                        $showName = true;
                                    }
                                }
                            @endphp
                            
                            @if($showJabatan)
                                <div class="fw-semibold">
                                    {{ $jabatanShort && $jabatanShort !== '-' ? $jabatanShort : $jabatan }}
                                </div>
                            @endif
                            
                            @if($showName)
                                <div class="fw-semibold">
                                    {{ $name }}
                                </div>
                            @endif
                            
                            <small class="text-muted">
                                {{ $approval->approver?->satuan ?? '-' }}
                            </small>
                            @if($approval->catatan)
                            <div class="mt-1 p-2 bg-light rounded small">
                                <i class="bi bi-chat-quote"></i>
                                <x-catatan-display :content="$approval->catatan" />
                            </div>
                            @endif
                            @if($approval->annotations)
                            <div class="mt-1">
                                <span class="badge bg-info">
                                    <i class="bi bi-pencil"></i> Ada Anotasi
                                </span>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="text-end">
                        <span class="badge {{ $approval->status_badge }}">
                            {{ $approval->status_label }}
                        </span>
                        @if($approval->reviewed_at)
                        <div class="small text-muted mt-1">
                            {{ $approval->reviewed_at->format('d/m/Y H:i') }}
                        </div>
                        @elseif($approval->submitted_at)
                        <div class="small text-muted mt-1">
                            Diajukan: {{ $approval->submitted_at->format('d/m/Y H:i') }}
                        </div>
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@endif