@php
    // ✅ Collect possible file fields
    $fileItems = [];

    // 1) if model has attachments json
    if (isset($model->attachments) && !empty($model->attachments)) {
        $arr = is_array($model->attachments) ? $model->attachments : (json_decode($model->attachments, true) ?: []);
        foreach ($arr as $k => $v) {
            if (is_string($v) && $v) $fileItems[] = ['label' => is_string($k) ? $k : 'Attachment', 'path' => $v];
            if (is_array($v) && isset($v['path'])) $fileItems[] = ['label' => $v['label'] ?? 'Attachment', 'path' => $v['path']];
        }
    }

    // 2) scan columns that look like file paths
    if (method_exists($model, 'getAttributes')) {
        foreach ($model->getAttributes() as $key => $val) {
            if (!is_string($val) || empty($val)) continue;

            $k = strtolower($key);
            $looksLikeFileField =
                str_contains($k, 'file') || str_contains($k, 'path') || str_contains($k, 'attachment') ||
                str_contains($k, 'document') || str_contains($k, 'doc') || str_contains($k, 'scan') ||
                str_contains($k, 'photo') || str_contains($k, 'image') || str_contains($k, 'passport') ||
                str_contains($k, 'tazkira') || str_contains($k, 'idcard') || str_contains($k, 'nid');

            $looksLikePath = str_contains($val, '/') || str_contains($val, '\\') || str_contains($val, '.');

            if ($looksLikeFileField && $looksLikePath) {
                $fileItems[] = ['label' => ucwords(str_replace(['_','-'],' ', $key)), 'path' => $val];
            }
        }
    }

    // remove duplicates
    $fileItems = collect($fileItems)
        ->unique(fn($x) => $x['path'])
        ->values()
        ->all();

    $fileUrl = function($path){
        if (!$path) return null;

        // already url
        if (str_starts_with($path, 'http://') || str_starts_with($path, 'https://')) return $path;

        // try Storage
        try {
            return \Illuminate\Support\Facades\Storage::url($path);
        } catch (\Throwable $e) {
            // fallback
            return asset($path);
        }
    };

    $isImage = function($path){
        $p = strtolower($path ?? '');
        return str_ends_with($p, '.jpg') || str_ends_with($p, '.jpeg') || str_ends_with($p, '.png') ||
               str_ends_with($p, '.gif') || str_ends_with($p, '.webp') || str_ends_with($p, '.bmp') ||
               str_ends_with($p, '.svg');
    };

    $isPdf = function($path){
        return str_ends_with(strtolower($path ?? ''), '.pdf');
    };

    $isWord = function($path){
        $p = strtolower($path ?? '');
        return str_ends_with($p, '.doc') || str_ends_with($p, '.docx');
    };

    $isExcel = function($path){
        $p = strtolower($path ?? '');
        return str_ends_with($p, '.xls') || str_ends_with($p, '.xlsx') || str_ends_with($p, '.csv');
    };

    $baseName = function($path){
        $p = str_replace('\\','/',$path ?? '');
        return basename($p);
    };

    $getFileIcon = function($path) use ($isImage, $isPdf, $isWord, $isExcel) {
        if ($isImage($path)) return 'far fa-image text-primary';
        if ($isPdf($path)) return 'far fa-file-pdf text-danger';
        if ($isWord($path)) return 'far fa-file-word text-primary';
        if ($isExcel($path)) return 'far fa-file-excel text-success';
        return 'far fa-file text-secondary';
    };

    $getFileColor = function($path) use ($isImage, $isPdf, $isWord, $isExcel) {
        if ($isImage($path)) return 'bg-primary bg-opacity-10';
        if ($isPdf($path)) return 'bg-danger bg-opacity-10';
        if ($isWord($path)) return 'bg-primary bg-opacity-10';
        if ($isExcel($path)) return 'bg-success bg-opacity-10';
        return 'bg-secondary bg-opacity-10';
    };
@endphp

@if(count($fileItems))
    <div class="card mt-4">
        <div class="card-header bg-white py-3">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="fas fa-paperclip me-2"></i> {{ __('front.attachments') }}
                </h5>
                <span class="badge bg-primary rounded-pill">{{ count($fileItems) }} file(s)</span>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-4">
                @foreach($fileItems as $f)
                    @php
                        $url = $fileUrl($f['path']);
                        $name = $baseName($f['path']);
                        $icon = $getFileIcon($f['path']);
                        $color = $getFileColor($f['path']);
                    @endphp

                    <div class="col-md-6 col-lg-4">
                        <div class="border rounded-4 p-3 h-100">
                            <div class="d-flex align-items-start mb-2">
                                <div class="d-flex align-items-center justify-content-center rounded-3 {{ $color }}"
                                     style="width: 50px; height: 50px;">
                                    <i class="{{ $icon }} fs-4"></i>
                                </div>
                                <div class="ms-3 flex-grow-1">
                                    <h6 class="fw-bold mb-1">{{ $f['label'] }}</h6>
                                    <p class="text-muted small mb-0 text-truncate">{{ $name }}</p>
                                </div>
                            </div>

                            @if($url && $isImage($f['path']))
                                <div class="mb-3">
                                    <a href="{{ $url }}" target="_blank" class="d-block rounded-3 overflow-hidden"
                                       style="height: 150px;">
                                        <img src="{{ $url }}" alt="{{ $f['label'] }}"
                                             class="img-fluid w-100 h-100 object-fit-cover">
                                    </a>
                                </div>
                            @elseif($url && $isPdf($f['path']))
                                <div class="mb-3">
                                    <div class="ratio ratio-16x9">
                                        <iframe src="{{ $url }}" style="border:0; border-radius: 0.5rem;"
                                                loading="lazy"></iframe>
                                    </div>
                                </div>
                            @else
                                <div class="mb-3">
                                    <div class="d-flex align-items-center justify-content-center rounded-3 bg-light"
                                         style="height: 150px;">
                                        <div class="text-center">
                                            <i class="{{ $icon }} fa-3x mb-2"></i>
                                            <p class="text-muted small mb-0">{{ $name }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <div class="d-flex gap-2">
                                @if($url)
                                    <a class="btn btn-sm btn-outline-primary btn-rounded flex-fill"
                                       href="{{ $url }}" target="_blank">
                                        <i class="fas fa-eye me-2"></i> {{ __('front.view') }}
                                    </a>
                                    <a class="btn btn-sm btn-outline-success btn-rounded flex-fill"
                                       href="{{ $url }}" download>
                                        <i class="fas fa-download me-2"></i> {{ __('front.download') }}
                                    </a>
                                @else
                                    <button class="btn btn-sm btn-outline-secondary btn-rounded flex-fill" disabled>
                                        <i class="fas fa-exclamation-circle me-2"></i> {{ __('front.file_not_found') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif

<style>
.object-fit-cover {
    object-fit: cover;
}
</style>