@extends('frontend.layouts.app')

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

@section('content')
    @include('frontend.layouts.breadcrumb', ['title' => '#' . $tag->name])

    <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>Blog Tag</div>
                <h2 class="sec-title">#{{ $tag->name }}</h2>
                <p>Latest news and updates tagged with "{{ $tag->name }}".</p>
            </div>

            <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>No articles found</h3>
                            <p>No articles have been tagged with "{{ $tag->name }}" yet.</p>
                            <a href="{{ route('frontend.news.index') }}" class="theme-btn mt-20">View All News</a>
                        </div>
                    </div>
                @endforelse
            </div>

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