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

@section('content')
    <div class="container-site max-w-7xl py-8 text-white">
        @include($site->themeView('partials.breadcrumbs'))
        <h1 class="mt-4 text-3xl font-black tracking-tight md:text-4xl">{{ __('movies.collections') }}</h1>
        <p class="mt-2 max-w-2xl text-white/70">{{ __('movies.collections_intro') }}</p>
        <div class="mt-8 grid gap-5 md:grid-cols-2 lg:grid-cols-3">
            @forelse ($collections as $collection)
                <a href="{{ $collection->path() }}" class="group rounded-2xl bg-gradient-to-br from-brand/40 to-accent/20 p-6 ring-1 ring-white/10 transition hover:ring-accent/60">
                    <p class="text-xs font-bold tracking-widest text-accent uppercase">{{ __('movies.titles_count', ['count' => count($collection->items ?? [])]) }}</p>
                    <h2 class="mt-2 text-xl font-bold group-hover:underline">{{ $collection->title }}</h2>
                    @if ($collection->summary)<p class="mt-2 text-sm text-white/70">{{ $collection->summary }}</p>@endif
                </a>
            @empty
                <p class="text-white/60">{{ __('movies.no_results') }}</p>
            @endforelse
        </div>
    </div>
@endsection