@if(!empty($data))
<section class="news-section section-padding section-bg fix">
    <div class="container">
        <div class="section-title text-center">
            <span class="sub-title style-2 wow fadeInUp">{{ $subtitle ?? 'Últimas Postagens' }}</span>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">{{ $title ?? 'Notícias do mundo da tecnologia' }}</h2>
            @if(!empty($description))
            <p class="mt-3 mt-mb-0 wow fadeInUp" data-wow-delay=".5s">{!! $description !!}</p>
            @endif
        </div>
        <div class="row">
            @foreach($data as $news)
            <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".{{ ($loop->index + 1) * 2 + 1 }}s">
                <div class="news-card-items">
                    <div class="news-thumb">
                        @if(!empty($news['image']))
                        @include('v2-service-media::components.picture', [
                            'originalPath' => $news['image'],
                            'variants'     => $news['image_variants'] ?? [],
                            'alt'          => $news['title'] ?? '',
                            'lazy'         => true,
                        ])
                        @endif
                        @if(!empty($news['date']))
                        @php
                            $parts = explode(' ', $news['date'], 2);
                            $day = $parts[0] ?? '';
                            $mon = $parts[1] ?? '';
                        @endphp
                        <h4 class="number">{{ $day }}<span>{{ $mon }}</span></h4>
                        @endif
                    </div>
                    <div class="news-content">
                        <h3><a href="{{ $news['url'] ?? '#' }}">{{ $news['title'] ?? '' }}</a></h3>
                        <p>{{ $news['excerpt'] ?? '' }}</p>
                        <a href="{{ $news['url'] ?? '#' }}" class="link-btn">Leia Mais <i class="bi bi-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif