@extends('layouts.app')

@section('title', 'Search Results')

@section('content')
<div class="container mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-6">Search Results</h1>

    <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
        @foreach($contents as $item)
            <a href="{{ route('content.show', $item->slug) }}" class="group">
                <div class="rounded-lg overflow-hidden">
                    <img src="{{ Storage::url($item->poster) }}" class="w-full aspect-[2/3] object-cover group-hover:scale-105 transition duration-300">
                </div>
                <p class="mt-1 text-sm truncate">{{ $item->title }}</p>
            </a>
        @endforeach
    </div>

    {{ $contents->links() }}
</div>
@endsection