@extends('index')
@section('title', Helper::getSiteTitle($article->title))

@section('content')
<section class="page-header position-relative overflow-hidden ptb-120 bg-dark" style="background: url('{{ asset('img/news.svg') }}') no-repeat bottom right;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-8 col-12">
                <h1 class="fw-bold display-5">{{ $article->title }}</h1>
            </div>
        </div>
    </div>
</section>
<section class="blog-details ptb-120">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="blog-details-wrap text-center">
                    @if(!empty($article->image))
                        <img src="{{ asset('storage/' . $article->image) }}" class="img-fluid mt-4 rounded-custom mb-5" alt="{{ $article->title }}" />
                    @endif
                    @php
                        $tags = DB::table('tags')
                                    ->join('news_tags', 'news_tags.tag_id', '=', 'tags.id')
                                    ->where('news_tags.news_id', $article->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
                </div>
                <div class="blog-details-wrap">
                    {!! $article->content !!}
                </div>
            </div>
        </div>
    </div>
</section>
@if(!$news->isEmpty())
<section class="related-blog-list ptb-120 bg-light">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-lg-4 col-md-12">
                <div class="section-heading">
                    <h2>Related News at Auto Game Gold</h2>
                </div>
            </div>
            <div class="col-lg-7 col-md-12">
                <div class="text-start text-lg-end mb-4 mb-lg-0 mb-xl-0">
                    <a href="{{ route('news') }}" class="btn btn-primary">View All</a>
                </div>
            </div>
        </div>
        <div class="row">
             @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
        </div>
    </div>
</section>
@endif
@endsection