@extends(themeView('master'))

@section('meta-tags')
    @include(themeView('partials.meta-tags'))
@endsection

@section('content')
    <div id="content-wrap">
        <section class="page-box">
            <div class="container">
                <div class="row title-row">
                    <div class="items col-8">
                        <h1 class="titles section-title">Search</h1>
                    </div>
                    <div class="items col-4">
                        <ul class="breadcrumbs">
                            <li class="first">
                                <a href="{{ route('frontend.home') }}" title="Home">Home</a>
                            </li>
                            <li class="active">Search</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="detail-section news-articles search-results">
            <div class="container">
                <div class="row about-row">
                                        @if ($newsCount > 0 && !empty($keyword))
                        <div class="items col-sm-12 col-md-8 col-8 offset-md-2">
                            <span class="titles title-2 section-title pe-3">
                                {{ $newsCount }}
                                @if ($newsCount == 1)
                                    result
                                @else
                                    results
                                @endif
                                were found on the keyword
                                <span class="keyword-txt">
                                    "{{ $keyword }}"
                                </span>
                            </span>
                        </div>
                    @else
                        <div class="items col-sm-12 col-md-8 col-8 offset-md-2">
                            <span class="titles title-2 section-title pe-3">
                                @if (!empty($keyword))
                                    No results were found on the keyword <span
                                        class="keyword-txt">"{{ $keyword }}"</span>
                                @else
                                    Result not found
                                @endif
                            </span>
                        </div>
                    @endif
                </div>

                @if (!empty($keyword))
                    <div class="row recent-updates wide-list new-search-list">
                        @foreach ($newsData as $post)
                            <div class="items col-sm-12 col-md-12 col-12">
                                <a @if(isset($post->permalink) && $post->permalink !== null ) href="{{ $post->permalink }}" @else href="{{ route('frontend.news-detail', ['id' => $post->id, 'slug' => $post->slug]) }}" @endif
                                    title="{{ $post->title }}" class="wow animate__animated animate__fadeIn"
                                    data-wow-delay="0.5s">
                                    <div class="media d-flex">
                                        <figure class="article-img flex-shrink-0">
                                            <img src="{{ imageThumb('400X540', $post->featured_image, $post->id) }}" alt="{{ $post->title }}">
                                        </figure>
                                        <span class="media-body flex-grow-1">
                                            <h2 class="titles title-5 news-title">
                                                {{ $post->title }}
                                            </h2>
                                            <span class="description">
                                                {{ Illuminate\Support\Str::words($post->summary, 30, '...') }}
                                            </span>
                                            <span class="btn rounded-btn outline-btn blue-btn">More</span>
                                        </span>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>
                @endif
                @include (themeView('partials.pagination'), ['pagination' => $newsData])
            </div>
        </section>
    </div>
@endsection