@extends('layouts.frontend')
@section('title_page', 'Search results for: ' . $query)

@section('content')

<!--Start breadcrumb area-->
<section class="breadcrumb-area style2" style="background-image: url({{ asset('images/resources/breadcrumb-bg-2.jpg') }});">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="inner-content-box clearfix">
                    <div class="title-s2 text-center">
                        <span>LATEST UPDATES</span>
                        <h1>Search Results for "{{ $query }}"</h1>
                    </div>
                    <div class="breadcrumb-menu float-left">
                        <ul class="clearfix">
                            <li><a href="{{ url('/') }}">Home</a></li>
                            <li class="active">News</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End breadcrumb area-->

<!--Start blog area-->
<section id="blog-area" class="blog-large-area">
    <div class="container">
        <div class="row">
            <!-- Main News Content -->
            <div class="col-xl-9 col-lg-8 col-md-12 col-sm-12">
                <div class="blog-post">

                    {{-- News Loop --}}
                    @forelse ($newsItems as $item)
                    <div class="single-blog-post style4 wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="img-holder">
                            <img src="{{ asset('public/news/' . $item->Image) }}" alt="{{ $item->NewsTitle }}">
                            <div class="overlay-style-two"></div>
                            <div class="overlay">
                                <div class="box">
                                    <div class="link-icon">
                                        <a href="{{ route('frontend.blog.view', $item->id) }}"><span class="icon-link1"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="text-holder">
                            <h3 class="blog-title">
                                <a href="{{ route('frontend.blog.view', $item->id) }}">{{ $item->NewsTitle }}</a>
                            </h3>
                            <div class="meta-box">
                                <ul class="meta-info">
                                    <li>By {{ $item->user->name ?? 'Admin' }}</li>
                                    <li>On {{ $item->Date ? \Carbon\Carbon::parse($item->Date)->format('F d, Y') : 'No Date' }}</li>
                                    <li>In {{ $item->CategoryType ?? 'General' }}</li>
                                </ul>
                            </div>
                            <div class="text">
                                <p>{{ Str::limit(strip_tags($item->NewsDetails), 250) }}</p>
                            </div>
                            <div class="button">
                                <a class="btn-one" href="{{ route('frontend.blog.view', $item->id) }}">Read More<span class="flaticon-next"></span></a>
                            </div>
                        </div>
                    </div>
                    @empty
                    <p class="text-center p-5">No news articles available at the moment.</p>
                    @endforelse

                </div>

                {{-- Pagination --}}
                <div class="row">
                    <div class="col-md-12">
                        <div class="post-pagination text-center">
                            {{ $newsItems->links() }}
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-xl-3 col-lg-4 col-md-7 col-sm-12">
                <div class="sidebar-wrapper">
                    {{-- Search Form --}}
                    <div class="sidebar-search-box">
                        <form action="{{ route('blog.search') }}" method="GET" class="search-form">
                            <input name="query" placeholder="Search news..." type="text">
                            <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                        </form>
                    </div>

                    {{-- Categories --}}
                    <div class="single-sidebar categories-box">
                        <div class="sidebar-title"><div class="title">Categories</div></div>
                        <ul class="categories clearfix">
                            <li><a href="{{ route('frontend.category','Insemination') }}">Insemination</a></li>
                            <li><a href="{{ route('frontend.category','Vaccination') }}">Vaccination</a></li>
                            <li><a href="{{ route('frontend.category','Animal Treatment') }}">Animal Treatment</a></li>
                            <li><a href="{{ route('frontend.category','Animal Insurance') }}">Animal Insurance</a></li>
                            <li><a href="{{ route('frontend.category','Iniative Youth') }}">Iniative Youth</a></li>
                            <li><a href="{{ route('frontend.category','Animal Product Inspection') }}">Animal Product Inspection</a></li>
                            <li><a href="{{ route('frontend.category','One Health') }}">One Health</a></li>
                        </ul>
                    </div>

                    {{-- Recent Posts --}}
                    <div class="single-sidebar">
                        <div class="sidebar-title"><div class="title">Recent Posts</div></div>
                        <ul class="recent-post">
                            @forelse ($recentNews as $recent)
                            <li>
                                <div class="img-holder">
                                    <img src="{{ asset('public/news/' . $recent->Image) }}" alt="{{ $recent->NewsTitle }}">
                                </div>
                                <div class="title-holder">
                                    <span>{{ \Carbon\Carbon::parse($recent->Date)->format('F d, Y') }}</span>
                                    <h5 class="post-title">
                                        <a href="{{ route('frontend.blog.view', $recent->id) }}">
                                            {{ Str::limit($recent->NewsTitle, 40) }}
                                        </a>
                                    </h5>
                                </div>
                            </li>
                            @empty
                            <li><p>No recent posts.</p></li>
                            @endforelse
                        </ul>
                    </div>

                    {{-- Gallery --}}
                    <div class="single-sidebar">
                        <div class="sidebar-title"><div class="title">Our Gallery</div></div>
                        <ul class="instagram">
                            @forelse ($recentImages as $image)
                            <li>
                                <div class="img-holder">
                                    <img width="50" height="50" src="{{ asset('public/gallery/thumbnails/'.$image->image_path) }}" alt="Gallery Image">
                                </div>
                            </li>
                            @empty
                            <li><p>No images available.</p></li>
                            @endforelse
                        </ul>
                        <div class="follow-us-button">
                            <a class="btn-two" href="#">View More on Gallery<span class="flaticon-next"></span></a>
                        </div>
                    </div>

                </div>
            </div>
            <!--End Sidebar -->

        </div>
    </div>
</section>
<!--End blog area-->

@endsection