@if($totalMemes > 0)
    <div class="recently-made-section">
        <div class="container">
            <div class="recently-made-wrapper">
                <h2><span>{{ $totalMemes }}</span> Recently made:</h2>

                <div class="recently-made-grid">
                    @foreach ($allMemes as $m)
                        @if ($m->meme && $m->meme->content)
                            <div class="recently-made-wrap">
                                <div class="recently-made-item">
                                    <div class="recently-made-image">
                                        <a href="{{ route('meme.show', ['uuid' => $m->uuid]) }}" target="_blank">
                                            <img src="{{ $m->meme->content }}" alt="meme-image" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>

                <!-- Pagination -->
                <div class="pagination-wrap">
                    {{-- Prevent query conflict if multiple paginations exist --}}
                    {{ $allMemes->appends(request()->except('memes_page'))->links('vendor.pagination.custom') }}
                </div>
            </div>
        </div>
    </div>
@endif