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

{{-- Search (title, actor, director, keyword) and filtered discovery. --}}
@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">{{ $q !== '' ? __('movies.search_results', ['q' => $q]) : __('movies.discover') }}</h1>

        <form method="get" action="{{ lpath('/'.seg('discover')) }}" class="mt-6 grid gap-3 rounded-2xl bg-white/5 p-4 ring-1 ring-white/10 sm:grid-cols-2 lg:grid-cols-4" role="search">
            <div class="sm:col-span-2 lg:col-span-4">
                <label for="d-q" class="sr-only">{{ __('movies.search_placeholder') }}</label>
                <input id="d-q" name="q" type="search" value="{{ $q }}" placeholder="{{ __('movies.search_placeholder') }}" class="cn-field w-full" data-suggest autocomplete="off">
            </div>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.type') }}</span>
                <select name="type" class="cn-field w-full"><option value="movie" @selected($type === 'movie')>{{ __('movies.movies') }}</option><option value="tv" @selected($type === 'tv')>{{ __('movies.series') }}</option></select></label>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.genre') }}</span>
                <select name="genre" class="cn-field w-full"><option value="">{{ __('movies.all') }}</option>@foreach ($genres as $gid => $gname)<option value="{{ $gid }}" @selected(($filters['genre'] ?? '') == $gid)>{{ $gname }}</option>@endforeach</select></label>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.year') }}</span>
                <select name="year" class="cn-field w-full"><option value="">{{ __('movies.all') }}</option>@foreach ($years as $y)<option value="{{ $y }}" @selected(($filters['year'] ?? '') == $y)>{{ $y }}</option>@endforeach</select></label>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.language') }}</span>
                <select name="language" class="cn-field w-full"><option value="">{{ __('movies.all') }}</option>@foreach ($languages as $l)<option value="{{ $l }}" @selected(($filters['language'] ?? '') === $l)>{{ class_exists(\Locale::class) ? \Locale::getDisplayLanguage($l, app()->getLocale()) : $l }}</option>@endforeach</select></label>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.country') }}</span>
                <select name="country" class="cn-field w-full"><option value="">{{ __('movies.all') }}</option>@foreach ($countries as $c)<option value="{{ $c }}" @selected(($filters['country'] ?? '') === $c)>{{ \App\Services\Movies\Catalogue::countryName($c) }}</option>@endforeach</select></label>
            <label class="text-sm"><span class="mb-1 block text-white/60">{{ __('movies.sort') }}</span>
                <select name="sort" class="cn-field w-full">@foreach (\App\Services\Movies\Catalogue::SORTS as $sort)<option value="{{ $sort }}" @selected(($filters['sort'] ?? 'popular') === $sort)>{{ __('movies.sort_'.$sort) }}</option>@endforeach</select></label>
            <label class="flex items-center gap-2 self-end pb-2 text-sm text-white/80"><input type="checkbox" name="video" value="1" @checked(! empty($filters['video'])) class="size-4 accent-[var(--accent)]"> {{ __('movies.only_available') }}</label>
            <div class="flex items-end"><button class="btn w-full bg-accent font-bold text-black hover:brightness-110">{{ __('movies.apply') }}</button></div>
        </form>


        @if ($people)
            <section class="mt-8" aria-labelledby="h-people">
                <h2 id="h-people" class="text-lg font-bold text-white">{{ __('movies.people') }}</h2>
                <ul class="mt-3 flex flex-wrap gap-3">
                    @foreach ($people as $p)
                        <li><a href="{{ $p['path'] }}" class="flex items-center gap-3 rounded-xl bg-white/5 p-2 pe-4 ring-1 ring-white/10 hover:ring-accent/60">
                            <span class="grid size-10 place-items-center rounded-full bg-white/10"><x-site.icon name="user" class="size-5" /></span>
                            <span><span class="block text-sm font-semibold text-white">{{ $p['name'] }}</span><span class="text-xs text-white/50">{{ implode(', ', $p['known_for']) }}</span></span>
                        </a></li>
                    @endforeach
                </ul>
            </section>
        @endif

        @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 ($q !== '' || $filters || $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') }}">
                @if ($page > 1)<a href="{{ request()->fullUrlWithQuery(['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="{{ request()->fullUrlWithQuery(['page' => $page + 1]) }}" class="btn bg-white/10 text-white hover:bg-white/20" rel="next">{{ __('movies.next') }}</a>@endif
            </nav>
        @endif
    </div>
@endsection