@extends('layouts.main')
@section('title')
    <title>{{ pageTitle(['Home']) }}</title>
@endsection
@section('content')
<div class="magazine_grid_main">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="responsive_top_main_add">
                    @include('ads.golden-444-static')
                </div>
            </div>
            <div class="col-md-12">
                <div class="full-static-post-header magazine_static_grid_image">
                    <div class="width_49">
                        @forelse ($recentArticles as $key => $article)
                        @if ($loop->first)
                                <div class="main-static-post-header">
                                    <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
                                        <img src="{{ $article->image_url }}" loading="lazy" class="attachment-nanopress_main_static_post_header size-nanopress_main_static_post_header wp-post-image" alt="">
                                        <div class="set_blog_bio">
                                            <h6><b>{{ $article->name }}</b></h6>
                                            <h3>{{ $article->title }}</h3>
                                            <p>
                                                <span class="name">{{ $article->article_source_name }}</span>
                                                <span>-</span>
                                                <span class="date">{{ \Carbon\Carbon::parse($article->published_at)->diffForhumans() }}</span>
                                            </p>
                                        </div>
                                    </a>
                                </div>
                            @endif
                        @empty
                        @endforelse
                    </div>
                    <div class="width_49">
                        @forelse ($recentArticles->take(5) as $key => $article)
                            @if (! $loop->first)
                                <div class="small-static-post-header">
                                    <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
                                        <img src="{{ $article->image_url }}" loading="lazy" class="attachment-nanopress_small_static_post_header size-nanopress_small_static_post_header wp-post-image" alt="">
                                        <div class="set_blog_bio">
                                            <h6><b>{{ $article->name }}</b></h6>
                                            <h3>{{ $article->title }}</h3>
                                            <p>
                                                <span class="name">{{ $article->article_source_name }}</span>
                                                <span>-</span>
                                                <span class="date">{{ \Carbon\Carbon::parse($article->published_at)->diffForhumans() }}</span>
                                            </p>
                                        </div>
                                    </a>
                                </div>
                            @endif
                        @empty
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="news_block_flwidth mar20 mb-0">
        <div class="container">
            <div class="row_left">
                <div class="news_block_left">
                    @include('news._quick-reads-primary-container')
                    @include('news._latest-articles-primary-container')
                </div>
                <div class="news_block_right">
                    <div class="web_right_main_add">
                        @include('ads.golden-444-static')
                    </div>
                    @include('news._most-popular-primary-container')
                    @include('layouts.categories-footer')
                </div>
                <div class="seperator"></div>
                <div class="news_full_block">
                    <div class="container">
                        <div class="col-12">
                            <div class="news_grid_wrapper">
                                @forelse ($randomArticles as $key => $article)
                                    <div class="width_25 news_grid mar20">
                                        <a href="{{ route('article.detail', ['uuid' => $article->uuid, 'slug' => $article->slug]) }}" target="_blank">
                                            <div class="news_grid_image">
                                                <img src="{{ $article->image_url }}" loading="lazy" referrerpolicy="no-referrer" alt="">
                                            </div>
                                            <div class="set_blog_bio">
                                                <h6><b>{{ $article->name }}</b></h6>
                                                <h3>{{ ellipsis($article->title, 50) }}</h3>
                                                <p>
                                                    <span class="name">{{ $article->article_source_name }}</span>
                                                    <span>-</span>
                                                    <span class="date">{{ \Carbon\Carbon::parse($article->published_at)->diffForhumans() }}</span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                @empty
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if(!empty($setting))
    @if($setting->ad_popup == 1)
    <div class="modal fade mgpopmodal" id="adsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    @include('ads.golden-444-popup')
                
                </div>
            </div>
        </div>
    </div>
    @endif
    @endif
</div>
@endsection
@section('page-specific-scripts')
    <script src="{{ url('home_page_js/index.js') }}"></script>
    <script src="{{ url('home_page_js/matches.js') }}"></script>
@endsection