@extends('index')
@section('title', Helper::getSiteTitle('News'))

@section('content')
<section class="page-header position-relative overflow-hidden ptb-120 bg-dark" style="background: url('{{ asset('img/news.svg') }}') no-repeat center bottom;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-12">
                <div class="section-heading text-center">
                    <h1 class="display-5 fw-bold">Our News and Blog Posts</h1>
                    <p class="lead mb-0">Navigate the News Center to find all of our Announcements, Updates and Answers.</p>
                </div>
            </div>
        </div>
        @if(!$tags->isEmpty())
        <div class="row justify-content-center text-center">
            <div class="col-xl-8">
                @foreach($tags as $tag)
                <a href="{{ route('news') }}?tags={{ $tag->slug }}" class="btn btn-soft-primary btn-pill btn-sm m-2">{{ $tag->tag }}</a>
                @endforeach
            </div>
        </div>
        @endif
    </div>
</section>
<section class="masonary-blog-section ptb-120">
    <div class="container">
        <div class="row">
            @if(!$news->isEmpty())
                @foreach($news as $new)
                    <div class="col-lg-4 col-md-6">
                        <div class="single-article rounded-custom my-3">
                            <a href="{{ route('news', $new->slug) }}" class="article-img">
                                <img src="{{ asset('storage/' . $new->image) }}" alt="{{ $new->title }}" class="img-fluid" />
                            </a>
                            <div class="article-content p-4">
                                @php
                                    $tags = DB::table('tags')
                                                ->join('news_tags', 'news_tags.tag_id', '=', 'tags.id')
                                                ->where('news_tags.news_id', $new->id)
                                                ->where('tags.active', 1)
                                                ->groupBy('tags.id')
                                                ->select('tags.*')
                                                ->get();
                                @endphp

                                @if(!$tags->isEmpty())
                                <div class="article-category mb-4 d-block">
                                    @foreach($tags as $tag)
                                    <a href="{{ route('news') }}?tags={{ $tag->slug }}" class="d-inline-block text-dark badge bg-warning-soft">{{ $tag->tag }}</a>
                                    @endforeach
                                </div>
                                @endif
                                <a href="{{ route('news', $new->slug) }}">
                                    <h2 class="h5 article-title limit-2-line-text">{{ $new->title }}</h2>
                                </a>
                                <p class="limit-2-line-text">
                                    {{ $new->tagline }}
                                </p>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="alert alert-danger text-center">
                    Not available yet!
                </div>
            @endif
        </div>
        @if(!$news->isEmpty())
            {!! $news->links('includes.pagination') !!}
        @endif
    </div>
</section>
@endsection