{{-- Additional 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 Tambahan
        </h6>
    </div>
    <div class="card-body">
        {{-- Status Surat --}}
        <div class="mb-3">
            <label class="text-muted small">Status</label>
            <h5 class="mb-0">
                <span class="badge {{ $suratMasuk->status_badge }}">
                    {{ $suratMasuk->status_label }}
                </span>
            </h5>
        </div>

        {{-- Tujuan Akhir --}}
        @if($suratMasuk->tujuan_akhir_id)
            <div class="mb-3">
                <label class="text-muted small">Tujuan Akhir</label>
                <div class="d-flex align-items-center gap-2">
                    <div class="avatar-sm bg-success bg-opacity-10 text-success">
                        {{ strtoupper(substr($suratMasuk->tujuanAkhir->jabatan_short ?? '-', 0, 2)) }}
                    </div>
                    <div>
                        <p class="mb-0 fw-semibold">{{ $suratMasuk->tujuanAkhir->jabatan_with_satuan ?? '-' }}</p>
                    </div>
                </div>
            </div>
        @endif

        {{-- Info Lembar Disposisi --}}
        @if($suratMasuk->diagendakan_at)
            <div class="mb-3">
                <label class="text-muted small">Lembar Disposisi Dilengkapi Oleh</label>
                <div class="d-flex align-items-center gap-2">
                    <div class="avatar-sm bg-info bg-opacity-10 text-info">
                        {{ strtoupper(substr($suratMasuk->diagendakanBy->jabatan_short ?? '-', 0, 2)) }}
                    </div>
                    <div>
                        <p class="mb-0 fw-semibold">{{ $suratMasuk->diagendakanBy->jabatan_with_satuan ?? '-' }}</p>
                        <small class="text-muted">
                            <i class="bi bi-clock"></i>
                            {{ $suratMasuk->diagendakan_at->format('d/m/Y H:i') }}
                        </small>
                    </div>
                </div>
                @if($suratMasuk->nomor_agenda_internal)
                    <div class="mt-2">
                        <small class="text-muted">No. Lembar Disposisi:</small>
                        <p class="mb-0 fw-semibold">{{ $suratMasuk->nomor_agenda_internal }}</p>
                    </div>
                @endif
                @if($suratMasuk->catatan_agenda)
                    <div class="mt-2">
                        <small class="text-muted">Catatan:</small>
                        <x-catatan-display :content="$suratMasuk->catatan_agenda" class="mb-0 small" />
                        @if($suratMasuk->catatan_diubah_oleh)
                            <small class="text-warning">
                                <i class="bi bi-pencil-square"></i>
                                Diubah oleh: {{ $suratMasuk->catatanDiubahOleh->jabatan_with_satuan ?? '-' }}
                                @if($suratMasuk->catatan_diubah_at)
                                    ({{ $suratMasuk->catatan_diubah_at->format('d/m/Y H:i') }})
                                @endif
                            </small>
                        @endif
                    </div>
                @endif
            </div>
        @endif

        {{-- Total Disposisi --}}
        <div class="mb-3">
            <label class="text-muted small">Total Disposisi</label>
            <h4 class="text-kopassus mb-0">
                <i class="bi bi-arrow-right-circle"></i>
                {{ $suratMasuk->disposisi->count() }} Disposisi
            </h4>
        </div>

        {{-- File Surat --}}
        @if($suratMasuk->file_surat)
            <div class="mb-3">
                <label class="text-muted small">File Surat</label>
                <div class="d-flex align-items-center gap-2">
                    <i class="bi bi-file-earmark-pdf text-danger" style="font-size: 1.5rem;"></i>
                    <div class="flex-fill">
                        <p class="mb-0 small fw-semibold">{{ basename($suratMasuk->file_surat) }}</p>
                        <small class="text-muted">
                            @php
                                $filePath = storage_path('app/public/' . $suratMasuk->file_surat);
                                $fileSize = file_exists($filePath) ? filesize($filePath) : 0;
                            @endphp
                            {{ number_format($fileSize / 1024, 2) }} KB
                        </small>
                    </div>
                </div>
            </div>
        @endif
        
        {{-- File Annotated --}}
        @if($suratMasuk->file_annotated)
            <div class="mb-3">
                <label class="text-muted small">File Beranotasi</label>
                <div class="d-flex align-items-center gap-2">
                    <i class="bi bi-file-earmark-check text-success" style="font-size: 1.5rem;"></i>
                    <div class="flex-fill">
                        <p class="mb-0 small fw-semibold">{{ basename($suratMasuk->file_annotated) }}</p>
                        <a href="{{ route('surat-masuk.download-annotated', $suratMasuk->id) }}" 
                           class="btn btn-sm btn-outline-success mt-1">
                            <i class="bi bi-download"></i> Download
                        </a>
                    </div>
                </div>
            </div>
        @endif
        
        {{-- Created By --}}
        <div class="mb-3">
            <label class="text-muted small">Dibuat Oleh</label>
            <div class="d-flex align-items-center gap-2">
                <div class="avatar-sm bg-primary bg-opacity-10 text-primary">
                    {{ strtoupper(substr($suratMasuk->createdBy->jabatan_short ?? '-', 0, 2)) }}
                </div>
                <div>
                    <p class="mb-0 fw-semibold">{{ $suratMasuk->createdBy->jabatan_with_satuan ?? '-' }}</p>
                    <small class="text-muted">
                        <i class="bi bi-clock"></i>
                        {{ $suratMasuk->created_at->format('d/m/Y H:i') }}
                    </small>
                </div>
            </div>
        </div>
        
        {{-- Last Updated --}}
        @if($suratMasuk->updated_at != $suratMasuk->created_at)
            <div class="mb-0">
                <label class="text-muted small">Terakhir Diupdate</label>
                <div class="d-flex align-items-center gap-2">
                    <div class="avatar-sm bg-warning bg-opacity-10 text-warning">
                        @if($suratMasuk->updatedBy)
                            {{ strtoupper(substr($suratMasuk->updatedBy->jabatan_short, 0, 2)) }}
                        @else
                            <i class="bi bi-pencil"></i>
                        @endif
                    </div>
                    <div>
                        <p class="mb-0 fw-semibold">
                            {{ $suratMasuk->updatedBy->jabatan_with_satuan ?? ($suratMasuk->updater->jabatan_with_satuan ?? 'System') }}
                        </p>
                        <small class="text-muted">
                            <i class="bi bi-clock"></i>
                            {{ $suratMasuk->updated_at->format('d/m/Y H:i') }}
                        </small>
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>

<style>
.avatar-sm {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}
</style>