<div>
    <div class="md:ml-8 my-8 md:my-0 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[95%]">
        @include('livewire.partials.search-filter')
    </div>
    <input type="hidden" id="ts_reference" value="{{ Carbon\Carbon::now()->timestamp }}" />
    <div class="relative md:ml-8 pt-5 mx-auto space-y-6 text-gray-900 dark:text-white xl:max-w-[95%] 2xl:max-w-[95%]" wire:keydown.right.window="nextPage" wire:keydown.left.window="previousPage">
        {{ $episodes->appends(['tags' => $selectedtags])->links('pagination::tailwind') }}
        <div class="flex items-center justify-center">
            <div class="flex justify-center">
                @if ($view == 'thumbnail')
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-4 gap-2">
                @else
                <div class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-8 gap-2">
                @endif
                    @forelse($episodes as $episode)
                        @include('livewire.partials.search-result')
                    @empty
                    <div class="col-span-full">
                        <p class="text-2xl w-52 pt-6">No results (╥﹏╥)</p>
                    </div>
                    @endforelse
                </div>
            </div>
        </div>
        {{ $episodes->appends(['tags' => $selectedtags])->links('pagination::tailwind') }}
    </div>
</div
