@extends('layouts._site.main')
@section('title', 'EcoFeminino - Resultados da Pesquisa')
@section('content')

    <!--================= News Details Section End Here =================-->
    <div class="rts-news-details-section section-gap-2" style="background-color: #e9ecef;">
        <div class="container">
            <div class="rts-post-heading mb--50">
                <div class="heading-content">
                    <div class="contents">
                        <a href="#0" class="news-catagory-tag-3">EcoFeminino</a>
                        <h2 class="content-title mb--10" style="font-size: 34px !important">
                            <a href="#">Resultados da pesquisa por: "{{ $query }}"</a>
                        </h2>
                    </div>
                </div>
            </div>

            <!--================= Gallery Section Start Here =================-->
            <div class="rts-gallery-section gallary-page-section">
                <div class="container">

                    <div class="row">
                        @if ($results->count() > 0)
                            @foreach ($results as $new)
                                <div class="col-xl-4 col-md-4 col-sm-6">
                                    <div class="gallery-item">
                                        <a class="image-popup-vertical-fit image-m"
                                            href="{{ url('img/news/' . $new->image) }}"
                                            title="<h5>{{ $new->subtitle }}</h5><p>{{ strip_tags($new->description) }}</p>">
                                            <img src="{{ url('img/news/' . $new->image) }}" alt="Image_Perfil" />
                                        </a>
                                        <div class="contents">
                                            <h5 class="member-role">{{ $new->title }}</h5>
                                            <a href="{{ route('site.news.show', $new->slug) }}" class="member-name">
                                                {{ $new->subtitle }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <div class="col-12 text-center">
                                <h5>Nenhum resultado encontrado para "{{ $query }}".</h5>
                            </div>
                        @endif
                    </div>

                </div>
            </div>
            <!--================= Gallery Section End Here =================-->
        </div>
    </div>
    <!--================= News Details Section End Here =================-->

    <style>
        .news-catagory-tag-3 {
            background: #ff1856 !important;
        }
    </style>

    <script>
        var swiper = new Swiper(".rts-cmmnSlider", {
            loop: true,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
                reverseDirection: false,
            },
            slidesPerView: 1,
            spaceBetween: 20,
            speed: 1000,
        });
    </script>

@endsection