@if ($galeris->count() > 0)
    <div class="gallery-grid" id="galleryListView">
        @foreach ($galeris as $galeri)
            <div class="gallery-item" data-galeri-id="{{ $galeri->id }}">
                @if ($galeri->thumbnail)
                    <img src="{{ asset('storage/' . $galeri->thumbnail) }}" alt="{{ $galeri->name }}">
                @else
                    <div
                        style="width:100%;height:100%;background:#ddd;display:flex;align-items:center;justify-content:center;">
                        <i class="fas fa-image fa-3x" style="color:#aaa;"></i>
                    </div>
                @endif
                <div class="gallery-overlay">
                    <div class="gallery-item-name">{{ $galeri->name }}</div>
                    <div class="gallery-hint">Ketahui Lebih Lanjut</div>
                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="gallery-empty">
        <i class="fas fa-images fa-3x mb-3"></i>
        <p>Tiada galeri ditemui.</p>
    </div>
@endif