@extends('layouts.public_master')

@section('content')
<div class="news-container">
    <h2>News</h2>
    <form method="GET" action="{{ route('public.news') }}" style="margin-bottom:24px;">
        <select name="category" onchange="this.form.submit()" class="category-select">
            <option value="">All Categories</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" {{ request('category')==$cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
            @endforeach
        </select>
    </form>
    @foreach($posts as $post)
      <div class="news-card">
        <div class="news-title">{{ $post->title }}</div>
        <div class="news-meta">{{ $post->created_at->format('Y-m-d') }} |
            {{ $post->category->name ?? '' }}
        </div>
        <div class="news-summary">{{ \Illuminate\Support\Str::words(strip_tags($post->content), 30) }}</div>
        <a class="read-more" href="{{ route('public.news.detail', $post->id) }}">Read More</a>
      </div>
    @endforeach
    {{ $posts->links() }}
</div>
@endsection