{{-- Status Card --}}
<div class="card shadow-sm mb-4 border-{{ str_replace('bg-', '', $surat->status_badge) }}">
    <div class="card-body">
        <div class="d-flex align-items-center justify-content-between">
            <div class="d-flex align-items-center">
                <div class="rounded-circle {{ $surat->status_badge }} me-3 d-flex align-items-center justify-content-center" style="width: 56px; height: 56px; min-width: 56px;">
                    <i class="bi {{ $surat->status_icon }} text-white" style="font-size: 1.5rem;"></i>
                </div>
                <div>
                    <h5 class="mb-0">{{ $surat->status_label }}</h5>
                    <small class="text-muted">
                        @if($surat->isPendingApproval() && $surat->currentApprover)
                        Menunggu approval dari {{ $surat->currentApprover->jabatan_with_satuan ?? $surat->currentApprover->jabatan }}
                        @elseif($surat->isRevisionRequired())
                        Dikembalikan untuk revisi
                        @elseif($surat->isPendingSignature() && $surat->finalSigner)
                        Menunggu tanda tangan {{ $surat->finalSigner->jabatan_with_satuan ?? $surat->finalSigner->jabatan }}
                        @elseif($surat->isSigned())
                        Ditandatangani oleh {{ $surat->signer->jabatan_with_satuan ?? $surat->signer->jabatan ?? '-' }}
                        @elseif($surat->isPendingSesItReview())
                        Menunggu pengecekan SES IT
                        @elseif($surat->isPendingOpSminForward())
                        Menunggu terusan Operator SMIN
                        @elseif($surat->isPendingTuForward())
                        Menunggu proses TU
                        @elseif($surat->isPendingPaurminForward())
                        Menunggu terusan Operator SMIN
                        @elseif($surat->isPendingKasminForward())
                        Menunggu terusan KASMIN
                        @elseif($surat->isPendingWapangApproval())
                        Menunggu persetujuan Wakil Panglima sebelum TTD Panglima
                        @elseif($surat->isPendingPangwapangSignature())
                        Menunggu TTD Panglima/Wakil Panglima
                        @elseif($surat->isPendingSetumNumbering())
                        Menunggu penomoran dari setum
                        @elseif($surat->isPendingNumbering())
                        @php
                        $responsibleTu = $surat->getResponsibleTuForNumbering();
                        @endphp
                        @if($responsibleTu)
                        Menunggu penomoran oleh {{ $responsibleTu->jabatan_with_satuan ?? $responsibleTu->jabatan }}
                        @else
                        Menunggu penomoran oleh TU
                        @endif
                        @elseif($surat->isPendingSend())
                        Siap dikirim ke tujuan
                        @elseif($surat->isSent() || $surat->isCompleted())
                        Terkirim ke {{ $surat->recipients->count() }} penerima
                        @else
                        Status: {{ $surat->status }}
                        @endif
                    </small>
                </div>
            </div>

            <div class="d-flex flex-column gap-1 align-items-end">
                @if($surat->prioritas === 'mendesak')
                <span class="badge bg-danger">
                    <i class="bi bi-exclamation-triangle"></i> MENDESAK
                </span>
                @elseif($surat->prioritas === 'tinggi')
                <span class="badge bg-warning text-dark">
                    <i class="bi bi-arrow-up"></i> Prioritas Tinggi
                </span>
                @endif

                @if($surat->use_bsre_tte && !$surat->signed_with_bsre)
                <span class="badge bg-info">
                    <i class="bi bi-hourglass-split"></i> Menunggu TTE BSrE
                </span>
                @endif
                @if($surat->signed_with_bsre)
                <span class="badge bg-success">
                    <i class="bi bi-shield-check"></i> TTE BSrE
                </span>
                @endif
            </div>
        </div>

        {{-- Progress Bar --}}
        @php
        // Status order untuk progress bar - termasuk semua status dalam flow
        $statusOrder = [
        'draft',
        'pending_approval',
        'approved',
        'pending_op_smin_forward',
        'pending_tu_forward',
        'pending_paurmin_forward',
        'pending_kasmin_forward',
        'pending_wapang_approval', // Wapang approve sebelum Panglima TTD
        'pending_signature',
        'pending_pangwapang_signature',
        'signed',
        'pending_ses_it_review', // IT satuan: SES IT review sebelum numbering
        'pending_setum_numbering',
        'pending_numbering',
        'pending_send',
        'sent',
        ];
        $currentIndex = array_search($surat->status, $statusOrder);
        if ($surat->status === 'revision_required') $currentIndex = 1;
        $progress = $currentIndex !== false ? (($currentIndex + 1) / count($statusOrder)) * 100 : 0;
        @endphp
        <div class="progress mt-3" style="height: 6px;">
            <div class="progress-bar {{ $surat->isRevisionRequired() ? 'bg-danger' : 'bg-success' }}"
                role="progressbar"
                style="width: {{ $progress }}%"></div>
        </div>
        <div class="d-flex justify-content-between mt-1">
            <small class="text-muted">Draft</small>
            <small class="text-muted">Selesai</small>
        </div>
    </div>
</div>