{{-- resources/views/frontend/profile/partials/avatar-gallery.blade.php --}}
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
    @php
        $gallery = is_string($user->photo_gallery) ? json_decode($user->photo_gallery, true) : $user->photo_gallery;
    @endphp

    @if($gallery && count($gallery) > 0)
        @foreach($gallery as $img)
            @php
                $raw = is_array($img) && isset($img['filename']) ? $img['filename'] : (is_string($img) ? $img : null);
                $filename = $raw ? basename($raw) : null;
                $storageKey = $filename ? ('gallery/' . $filename) : null;
                $imageUrl = ($storageKey && \Illuminate\Support\Facades\Storage::disk('public')->exists($storageKey))
                    ? \Illuminate\Support\Facades\Storage::disk('public')->url($storageKey)
                    : asset('images/default-placeholder.png');
            @endphp
            @if($filename)
                <div class="relative group">
                    <img src="{{ $imageUrl }}"
                         class="w-full h-48 object-cover rounded-lg shadow-md border border-brand-light-gray transform hover:scale-105 transition duration-300"
                         alt="صورة من المعرض">
                </div>
            @endif
        @endforeach
    @else
        <p class="text-center col-span-full text-brand-text">لا توجد صور في المعرض.</p>
    @endif
</div>