@extends('frontend.layouts.app')

@section('title', $title)
@section('description', $description)

@section('content')
    @include('frontend.layouts.breadcrumb', ['title' => 'Search Results'])

    <section class="tv-blog-section space bg-color2">
        <div class="container">
            <div class="title-wrap text-center">
                <div class="sub-title-2 text-theme"><i class="fa-solid fa-circle-check"></i>Search</div>
                <h2 class="sec-title">Search News Articles</h2>
                <p>{{ request('q') ? 'Search results for "' . request('q') . '"' : 'Enter keywords to search through the latest posts.' }}</p>
            </div>

            <form method="GET" action="{{ route('frontend.news.search') }}" class="search-form style-2 mb-40">
                <div class="row g-3 justify-content-center">
                    <div class="col-lg-8">
                        <input type="search" name="q" value="{{ request('q') }}" placeholder="Search news articles...">
                    </div>
                    <div class="col-lg-2">
                        <button type="submit" class="theme-btn w-100">Search</button>
                    </div>
                </div>
            </form>

            <div class="row gy-25">
                @forelse($news as $article)
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        @include('frontend.partials.news-card', ['article' => $article])
                    </div>
                @empty
                    <div class="col-lg-12">
                        <div class="cms-inotek-empty text-center">
                            <h3>{{ request('q') ? 'No results found' : 'Start your search' }}</h3>
                            <p>{{ request('q') ? 'Try different keywords or browse all news.' : 'Type a keyword above to search news articles.' }}</p>
                            <a href="{{ route('frontend.news.index') }}" class="theme-btn mt-20">Browse All News</a>
                        </div>
                    </div>
                @endforelse
            </div>

            <div class="cms-pagination">{{ $news->appends(request()->query())->links() }}</div>
        </div>
    </section>
    @include('frontend.partials.newsletter')
@endsection