@php
    $getFileUrl = function($filePath) {
        $normalizedPath = trim((string) $filePath);
        $normalizedPath = str_replace('\\', '/', $normalizedPath);
        if ($normalizedPath === '') return '';
        if (preg_match('/^https?:\/\//i', $normalizedPath)) return $normalizedPath;
        $normalizedPath = preg_replace('#^/?public/#', '', $normalizedPath);
        $normalizedPath = preg_replace('#^/?storage/#', '', $normalizedPath);
        $normalizedPath = ltrim($normalizedPath, '/');
        return route('attachment.show', ['path' => $normalizedPath]);
    };
    $isImage = function($filePath) {
        $pathOnly = parse_url(str_replace('\\', '/', trim((string) $filePath)), PHP_URL_PATH) ?? $filePath;
        $ext = strtolower(pathinfo($pathOnly, PATHINFO_EXTENSION));
        return in_array($ext, ['jpg','jpeg','png','gif','webp','jfif','heic','heif']);
    };
    $allDocs = collect($allDocs)->filter(function($doc) {
        $f = trim((string) ($doc->file ?? ''));
        return $f !== '' && $f !== '0' && strtolower($f) !== 'null';
    });
    $modalId = isset($modalId) ? $modalId : 'allDocsModal' . $detail->id;
@endphp
<div class="modal fade" id="{{ $modalId }}" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title"><i class="fas fa-images me-2"></i>Dokumentasi Pekerjaan ({{ $allDocs->count() }})</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <div class="modal-body">
                <div class="row g-3">
                    @foreach($allDocs as $doc)
                        @php $docUrl = $getFileUrl($doc->file); @endphp
                        <div class="col-md-6">
                            <div class="card h-100 shadow-sm">
                                @if($isImage($doc->file))
                                    <img src="{{ $docUrl }}" class="card-img-top" alt="Foto {{ $loop->iteration }}" style="height:220px;object-fit:cover;cursor:pointer;" onclick="openImageModal('{{ $docUrl }}', 'Foto {{ $loop->iteration }}')">
                                @else
                                    <div class="d-flex align-items-center justify-content-center bg-light border-bottom" style="height:220px;"><i class="fas fa-file-pdf fa-4x text-danger"></i></div>
                                @endif
                                <div class="card-body p-3">
                                    <p class="text-sm mb-2 text-truncate"><strong>{{ $doc->description ?? 'Lampiran '.$loop->iteration }}</strong></p>
                                    <div>
                                        <a href="{{ $docUrl }}" target="_blank" class="btn btn-outline-primary btn-sm w-100 mb-0"><i class="fas fa-external-link-alt me-1"></i>Buka</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button></div>
        </div>
    </div>
</div>