{{-- Information Card --}}
<div class="card shadow-sm mb-4">
    <div class="card-header">
        <h6 class="mb-0">
            <i class="bi bi-info-circle"></i> Informasi Surat
        </h6>
    </div>
    <div class="card-body">
        <table class="table table-sm table-borderless mb-0">
            <tr>
                <td class="text-muted" width="40%">Nomor Draft</td>
                <td class="fw-semibold">{{ $surat->nomor_draft }}</td>
            </tr>
            @if($surat->nomor_surat)
            <tr>
                <td class="text-muted">Nomor Surat</td>
                <td class="fw-semibold text-primary">{{ $surat->nomor_surat }}</td>
            </tr>
            @endif
            @if($surat->nomor_agenda_keluar)
            <tr>
                <td class="text-muted">Nomor Agenda</td>
                <td>{{ $surat->nomor_agenda_keluar }}</td>
            </tr>
            @endif
            <tr>
                <td class="text-muted">Tanggal Surat</td>
                <td>{{ $surat->tanggal_surat ? $surat->tanggal_surat->format('d F Y') : '-' }}</td>
            </tr>
            <tr>
                <td class="text-muted">Tanggal Dibuat</td>
                <td>{{ $surat->created_at->format('d F Y') }}</td>
            </tr>
            <tr>
                <td class="text-muted">Perihal</td>
                <td>{{ $surat->perihal ?: '-' }}</td>
            </tr>
            <tr>
                <td class="text-muted">Kategori</td>
                <td>
                    @if($surat->kategori)
                    <span class="badge" style="background-color: {{ $surat->kategori->warna ?? '#6c757d' }}">
                        {{ $surat->kategori->nama_kategori }}
                    </span>
                    @else
                    <span class="text-muted">-</span>
                    @endif
                </td>
            </tr>
            @if($surat->kategorisasi_tu)
            <tr>
                <td class="text-muted">Kategorisasi TU</td>
                <td>{{ $surat->kategorisasi_tu }}</td>
            </tr>
            @endif
            <tr>
                <td class="text-muted">Pembuat</td>
                <td>
                    @if($surat->creator)
                    <strong>{{ $surat->creator->satuan }}</strong>
                    @else
                    <span class="text-muted">-</span>
                    @endif
                </td>
            </tr>
            @if($surat->selected_approvers && count($surat->selected_approvers) > 0)
            <tr>
                <td class="text-muted">Counter Paraf</td>
                <td>
                    @php
                    $selectedApprovers = \App\Models\User::whereIn('id', $surat->selected_approvers)->get()->sortBy(function($user) use ($surat) {
                    return array_search($user->id, $surat->selected_approvers);
                    });
                    $counterIndex = 0;
                    @endphp
                    @foreach($selectedApprovers as $idx => $approver)
                    @php $counterIndex++; @endphp
                    <div class="d-flex align-items-start mb-2">
                        <span class="badge bg-light text-dark border me-2" style="min-width: 24px;">{{ $counterIndex }}</span>
                        <div class="flex-grow-1">
                            <strong>{{ $approver->jabatan_short ?? $approver->jabatan }}</strong>
                            <small class="text-muted d-block">({{ $approver->satuan }})</small>
                        </div>
                        @php
                        $approval = $surat->approvals->where('approver_id', $approver->id)->sortByDesc('id')->first();
                        @endphp
                        @if($approval)
                        <span class="badge ms-2 {{ $approval->status === 'approved' ? 'bg-success' : ($approval->status === 'rejected' ? 'bg-danger' : 'bg-warning text-dark') }}" style="min-width: 28px;">
                            <i class="bi {{ $approval->status === 'approved' ? 'bi-check' : ($approval->status === 'rejected' ? 'bi-x' : 'bi-hourglass-split') }}"></i>
                        </span>
                        @endif
                    </div>
                    @endforeach
                    {{-- Tampilkan Wapang approval jika TTD ke Panglima --}}
                    @php
                    // Cek apakah Wapang sudah ada di selected_approvers
                    $wapangInSelected = $selectedApprovers->contains(function($approver) {
                    return $approver->isWakilPanglima();
                    });
                    $wapangApproval = $surat->approvals->filter(function($approval) use ($selectedApprovers) {
                    // Cari approval dari Wapang yang bukan dari selected_approvers
                    $isInSelectedApprovers = $selectedApprovers->contains('id', $approval->approver_id);
                    return !$isInSelectedApprovers && $approval->approver && $approval->approver->isWakilPanglima();
                    })->sortByDesc('id')->first();
                    @endphp
                    @if($wapangApproval)
                    @php $counterIndex++; @endphp
                    <div class="d-flex align-items-start mb-2">
                        <span class="badge bg-info text-white me-2" style="min-width: 24px;">{{ $counterIndex }}</span>
                        <div class="flex-grow-1">
                            <strong>{{ $wapangApproval->approver->jabatan_short ?? $wapangApproval->approver->jabatan }}</strong>
                            <small class="text-muted d-block">({{ $wapangApproval->approver->satuan }}) - Wapang</small>
                        </div>
                        <span class="badge ms-2 {{ $wapangApproval->status === 'approved' ? 'bg-success' : ($wapangApproval->status === 'rejected' ? 'bg-danger' : 'bg-warning text-dark') }}" style="min-width: 28px;">
                            <i class="bi {{ $wapangApproval->status === 'approved' ? 'bi-check' : ($wapangApproval->status === 'rejected' ? 'bi-x' : 'bi-hourglass-split') }}"></i>
                        </span>
                    </div>
                    @elseif(!$wapangInSelected && $surat->finalSigner && $surat->finalSigner->isPanglima() && in_array($surat->status, ['pending_wapang_approval', 'pending_pangwapang_signature', 'signed', 'pending_setum_numbering', 'pending_numbering', 'pending_send', 'sent', 'completed']))
                    {{-- Tampilkan pending Wapang HANYA jika Wapang belum ada di selected_approvers --}}
                    @if($surat->status === 'pending_wapang_approval')
                    @php $counterIndex++; @endphp
                    <div class="d-flex align-items-start mb-2">
                        <span class="badge bg-info text-white me-2" style="min-width: 24px;">{{ $counterIndex }}</span>
                        <div class="flex-grow-1">
                            <strong>Wakil Panglima</strong>
                            <small class="text-muted d-block">(Menunggu persetujuan)</small>
                        </div>
                        <span class="badge ms-2 bg-warning text-dark" style="min-width: 28px;">
                            <i class="bi bi-hourglass-split"></i>
                        </span>
                    </div>
                    @endif
                    @endif
                </td>
            </tr>
            @endif
            <tr>
                <td class="text-muted">Pejabat TTD</td>
                <td>
                    @if($surat->finalSigner)
                    <strong>{{ $surat->finalSigner->jabatan_short ?? $surat->finalSigner->jabatan }}</strong><br>
                    <small class="text-muted">{{ $surat->finalSigner->satuan }}</small>
                    @else
                    <span class="text-muted">-</span>
                    @endif
                </td>
            </tr>
            @if($surat->signed_at && $surat->signer)
            <tr>
                <td class="text-muted">Ditandatangani</td>
                <td>
                    {{ $surat->signed_at->format('d F Y H:i') }}<br>
                    <small class="text-muted">oleh {{ $surat->signer->jabatan_short ?? $surat->signer->jabatan }}</small>
                </td>
            </tr>
            @endif
            @if($surat->tuProcessor)
            <tr>
                <td class="text-muted">Diproses TU</td>
                <td>
                    {{ $surat->tuProcessor->jabatan_short ?? $surat->tuProcessor->jabatan ?? $surat->tuProcessor->name }}
                    @if($surat->tuProcessor->satuan)
                    <small class="text-muted">({{ $surat->tuProcessor->satuan }})</small>
                    @endif
                </td>
            </tr>
            @endif
            @if($surat->numbering_by_setum && !$surat->requiresPanglimaSignature())
            <tr>
                <td class="text-muted">Penomoran</td>
                <td>
                    <span class="badge bg-info">
                        <i class="bi bi-building-gear"></i> SETUM
                    </span>
                    <small class="text-muted d-block">Dipilih oleh operator</small>
                </td>
            </tr>
            @endif
            @php
            // Derive actual destination type from recipients if available
            $actualDestType = $surat->destination_type;
            if ($surat->recipients && $surat->recipients->count() > 0) {
            $hasInternal = $surat->recipients->where('recipient_type', 'internal')->count() > 0;
            $hasExternal = $surat->recipients->where('recipient_type', 'external')->count() > 0;
            if ($hasInternal && $hasExternal) {
            $actualDestType = 'both';
            } elseif ($hasInternal) {
            $actualDestType = 'internal';
            } elseif ($hasExternal) {
            $actualDestType = 'external';
            }
            }
            @endphp
            @if($actualDestType)
            <tr>
                <td class="text-muted">Tipe Tujuan</td>
                <td>
                    @if($actualDestType === 'both')
                    <span class="badge bg-info">
                        <i class="bi bi-building"></i> Internal
                    </span>
                    <span class="badge bg-warning text-dark">
                        <i class="bi bi-globe"></i> Eksternal
                    </span>
                    @elseif($actualDestType === 'internal')
                    <span class="badge bg-info">
                        <i class="bi bi-building"></i> Internal
                    </span>
                    @else
                    <span class="badge bg-warning text-dark">
                        <i class="bi bi-globe"></i> Eksternal
                    </span>
                    @endif
                </td>
            </tr>
            @endif
            @if($surat->forwardedByOperatorSmin)
            <tr>
                <td class="text-muted">Diteruskan Operator SMIN</td>
                <td>
                    {{ $surat->forwardedByOperatorSmin->jabatan_short ?? $surat->forwardedByOperatorSmin->jabatan ?? $surat->forwardedByOperatorSmin->name }}<br>
                    <small class="text-muted">{{ $surat->forwarded_by_operator_smin_at ? $surat->forwarded_by_operator_smin_at->format('d/m/Y H:i') : '' }}</small>
                </td>
            </tr>
            @endif
            @if($surat->forwardedByTu)
            <tr>
                <td class="text-muted">Diteruskan TU</td>
                <td>
                    {{ $surat->forwardedByTu->jabatan_short ?? $surat->forwardedByTu->jabatan ?? $surat->forwardedByTu->name }}<br>
                    <small class="text-muted">{{ $surat->forwarded_by_tu_at ? $surat->forwarded_by_tu_at->format('d/m/Y H:i') : '' }}</small>
                </td>
            </tr>
            @endif
            @if($surat->forwardedByPaurmin)
            <tr>
                <td class="text-muted">Diteruskan PAURMIN</td>
                <td>
                    {{ $surat->forwardedByPaurmin->jabatan_short ?? $surat->forwardedByPaurmin->jabatan ?? $surat->forwardedByPaurmin->name }}<br>
                    <small class="text-muted">{{ $surat->forwarded_by_paurmin_at ? $surat->forwarded_by_paurmin_at->format('d/m/Y H:i') : '' }}</small>
                </td>
            </tr>
            @endif
            @if($surat->forwardedByKasmin)
            <tr>
                <td class="text-muted">Diteruskan KASMIN</td>
                <td>
                    {{ $surat->forwardedByKasmin->jabatan_short ?? $surat->forwardedByKasmin->jabatan ?? $surat->forwardedByKasmin->name }}<br>
                    <small class="text-muted">{{ $surat->forwarded_by_kasmin_at ? $surat->forwarded_by_kasmin_at->format('d/m/Y H:i') : '' }}</small>
                </td>
            </tr>
            @endif
            @if($surat->setumProcessor)
            <tr>
                <td class="text-muted">Diproses SETUM</td>
                <td>
                    {{ $surat->setumProcessor->jabatan_short ?? $surat->setumProcessor->jabatan ?? $surat->setumProcessor->name }}<br>
                    <small class="text-muted">{{ $surat->setum_processed_at ? $surat->setum_processed_at->format('d/m/Y H:i') : '' }}</small>
                </td>
            </tr>
            @endif
        </table>
    </div>
</div>