@extends('layouts.site')

@php
    $catTrans = $category->translation($locale);
@endphp

@section('title', $catTrans?->name)

@section('meta_robots', 'noindex, follow')

@section('content')
<div>
    <div class="flex items-center gap-3 mb-6">
        <h1 class="text-2xl font-bold text-primary dark:text-primary-dark">
            {{ $catTrans?->name }}
        </h1>
        <div class="flex-1 h-px bg-gradient-to-r from-primary/30 to-transparent"></div>
    </div>

    @if($catTrans?->description)
    <p class="mb-6 text-gray-600 dark:text-gray-400">{{ $catTrans->description }}</p>
    @endif

    <div class="grid gap-4 sm:grid-cols-2">
        @foreach($category->posts as $post)
            @include('partials.post-card', ['post' => $post, 'locale' => $locale])
        @endforeach
    </div>

    @if($category->posts->isEmpty())
    <p class="text-gray-500 dark:text-gray-400 text-center py-12">{{ __('No posts found in this category.') }}</p>
    @endif
</div>
@endsection