@extends('layouts.public')

@section('title', $title)

@section('content')
    <h1 class="mb-4 pb-2 border-bottom">{{ $title }}</h1>

    <div class="row">
        @forelse($posts as $post)
            <div class="col-md-6">
                <div class="card post-card mb-4">
                    @if($post->featured_image)
                        <a href="{{ route('public.posts.show', $post->slug) }}">
                            {{-- This line is now corrected --}}
                            <img src="{{ asset('storage/' . $post->featured_image) }}" class="card-img-top" alt="{{ $post->title }}">
                        </a>
                    @endif
                    <div class="card-body">
                        <h2 class="card-title h5">
                            <a href="{{ route('public.posts.show', $post->slug) }}" class="text-dark text-decoration-none">{{ $post->title }}</a>
                        </h2>
                        <p class="card-text text-muted small">
                            @if($post->published_at)
                                {{ jdate($post->published_at)->format('%d %B %Y') }}
                            @endif
                        </p>
                        <p class="card-text">{{ $post->lead }}</p>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="alert alert-warning">No posts found for this selection.</div>
            </div>
        @endforelse
    </div>

    <div class="mt-4">
        {{ $posts->links() }}
    </div>
@endsection