@extends($site->themeView('layout'))

{{-- Grid of films/series: lists (popular, top rated…), genres, trends. --}}
@section('content')
    <div class="container-site max-w-7xl py-8">
        @include($site->themeView('partials.breadcrumbs'))
        <h1 class="mt-4 text-3xl font-black tracking-tight text-white md:text-4xl">{{ $title }}</h1>

        @if ($lists)
            <nav class="mt-5 flex flex-wrap gap-2" aria-label="{{ __('movies.lists') }}">
                @foreach ($lists as $l)
                    <a href="{{ $base }}{{ $l === 'popular' ? '' : '?liste='.$l }}" @class(['rounded-full px-4 py-1.5 text-sm font-semibold transition', 'bg-accent text-black' => $l === $list, 'bg-white/10 text-white/80 hover:bg-white/20' => $l !== $list]) @if ($l === $list) aria-current="page" @endif>{{ __("movies.list_{$type}_{$l}") }}</a>
                @endforeach
            </nav>
        @endif
        @if ($genres)
            <nav class="mt-4 flex gap-2 overflow-x-auto pb-1 [scrollbar-width:none]" aria-label="{{ __('movies.genres') }}">
                @foreach ($genres as $gid => $gname)
                    <a href="{{ \App\Services\Movies\Catalogue::genrePath($type, $gid) }}" @class(['shrink-0 rounded-lg px-3 py-1 text-xs font-semibold ring-1 transition', 'bg-white text-black ring-white' => ($genre ?? null) === $gid, 'text-white/70 ring-white/15 hover:text-white hover:ring-white/40' => ($genre ?? null) !== $gid])>{{ $gname }}</a>
                @endforeach
            </nav>
        @endif

        @unless ($available)
            <div class="mt-8 rounded-2xl bg-white/5 p-6 text-white/80 ring-1 ring-white/10">{{ __('movies.catalogue_unavailable') }}</div>
        @endunless


        @if ($items)
            <div class="mt-8 grid grid-cols-2 gap-x-4 gap-y-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
                @foreach ($items as $c)@include($site->themeView('movies.partials.card'))@endforeach
            </div>
        @elseif ($available)
            <p class="mt-8 text-white/60">{{ __('movies.no_results') }}</p>
        @endif

        @if ($totalPages > 1)
            <nav class="mt-10 flex items-center justify-center gap-3" aria-label="{{ __('movies.pagination') }}">
                @php($sep = str_contains($base, '?') ? '&' : '?')
                @php($listParam = $list && $list !== 'popular' ? 'liste='.$list.'&' : '')
                @if ($page > 1)<a href="{{ $base }}?{{ $listParam }}page={{ $page - 1 }}" class="btn bg-white/10 text-white hover:bg-white/20" rel="prev">{{ __('movies.previous') }}</a>@endif
                <span class="text-sm text-white/60">{{ __('movies.page_n', ['n' => $page]) }} / {{ $totalPages }}</span>
                @if ($page < $totalPages)<a href="{{ $base }}?{{ $listParam }}page={{ $page + 1 }}" class="btn bg-white/10 text-white hover:bg-white/20" rel="next">{{ __('movies.next') }}</a>@endif
            </nav>
        @endif
    </div>
@endsection