{{-- <div class="row">
    @forelse ($albums as $album)
        <div class="col-md-4 mb-3">
            <div class="card">
                <img src="{{ asset('storage/' . $album->cover_photo) }}" class="card-img-top" alt="Gallery Photo">
                <div class="card-body">
                    <h5 class="card-title">{{ $album->album_name }}</h5>
                </div>
            </div>
        </div>
    @empty
        <p>No albums available</p>
    @endforelse
</div>

{{ $albums->links() }} --}}
@if($albums->count())
<div class="row">
    @foreach($albums as $album)
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="{{ asset('storage/' . $album->cover_photo) }}" class="card-img-top" alt="{{ $album->album_name }}">
                <div class="card-body">
                    <h5 class="card-title">{{ $album->album_name }}</h5>
                    <p class="card-text">{{ $album->description }}</p>
                </div>
            </div>
        </div>
    @endforeach
</div>

<!-- Pagination Links -->
<div class="d-flex justify-content-center">
    {{ $albums->links() }}
</div>
@else
<p>No albums found.</p>
@endif