@extends('layouts.app')
@section('head')
    <style>
        footer time, div.info time {
            font-weight: bold;
        }
    </style>
@endsection
@section('content')
    <!-- End Navbar Area -->
    <section class="services-area bg-f2f6f9 ptb-110">
        <div class=container>
            <div class=row>
                <div class="col-lg-12 col-md-12">
                    <a href="{{ ($component = $publicities->firstWhere('position', \App\Models\PublicityComponent::TYPE_Tp))->url }}" target=_blank class=text-center>
                        <img data-src="{{ $component->showUrl() }}" alt="{{ $component->title }}" title="{{ $component->title }}" class="lazy img-fluid">
                    </a>
                </div>
                <div class="col-lg-12 col-md-12">
                    <h1 class="page-header mt-3">{{\App\Models\NewsType::find(1)->title}}</h1>
                </div>
                {{--<div class="col-lg-6 col-md-6">
                    <a href="{{ route('home') }}" class="btn btn-primary btn-wide mb-2">آخر الأخبار</a>
                </div>--}}
                {{--<div class="col-lg-6 col-md-6">
                    <a href="#" class="btn btn-transparent btn-wide mb-2">مباريات اليوم</a>
                </div>--}}
            </div>
            <div class=row>
                <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                    @if($news = $national_news->shift())
                        <div class=row>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="lazy img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        </div>
                    @endif
                    <div class=row>
                        @if($news = $national_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                        @if($news = $national_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="sticky p-3 bg-white">
                        <h6 class="float-right text-muted">@lang('إعلان')</h6>
                        <a href="{{ ($component = $publicities->firstWhere('position', \App\Models\PublicityComponent::TYPE_LT))->url }}" target=_blank class=text-center>
                            <img data-src="{{ $component->showUrl() }}" alt="{{ $component->title }}" title="{{ $component->title }}" class="img-fluid p-3 lazy" style="width: 100%;">
                        </a>
                    </div>
                </div>
            </div>
            <div class=row>
                @if($news = $national_news->shift())
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
                @if($news = $national_news->shift())
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
                @if($news = $national_news->shift())
                    @if(0/*dark color*/)
                        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                            <article class="post-wrapper last-child mb-5 mt-4">
                                <header class="post-img  active-f">
                                    <a class=blog-image href="{{ $news->url }}">
                                        <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                    </a>
                                    <social-share url="{{ $news->url }}" :mini=true></social-share>
                                </header>
                                <div class="post-info active-f">
                                    <header class=entry-header>
                                        <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}" class=text-white>{{ $news->title }}</a></h6>
                                    </header>
                                </div>
                                <footer class=active-f>
                                    <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                    <time>{{ $news->published_index }}</time>
                                </footer>
                            </article>
                        </div>
                    @endif
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
            </div>
            <div class=row>
                @if($news = $national_news->shift())
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
                @if($news = $national_news->shift())
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
                @if($news = $national_news->shift())
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
            </div>
            <div class=row>
                @if($news = $national_news->shift())
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
                @if($news = $national_news->shift())
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <article class="post-wrapper last-child mb-5 mt-4">
                            <header class=post-img>
                                <a class=blog-image href="{{ $news->url }}">
                                    <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                </a>
                                <social-share url="{{ $news->url }}" :mini=true></social-share>
                            </header>
                            <div class=post-info>
                                <header class=entry-header>
                                    <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                </header>
                            </div>
                            <footer>
                                <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                <time>{{ $news->published_index }}</time>
                            </footer>
                        </article>
                    </div>
                @endif
            </div>
            @if($national_news->count())
                <div class=row>
                    <div class="col-lg-12 col-md-12 text-center">
                        <a href="{{ \App\Models\NewsType::find(1)->url() }}" class="btn btn-primary btn-lg mb-2 mt-50">المزيد <i class="fa fa-chevron-left"></i> </a>
                    </div>
                </div>
            @endif
            <div class=row>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h2 class=widget-headline><span class=pb-1>{{\App\Models\NewsType::find(2)->title}}</span></h2>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id=carous-news>
                    <div class="owl-carousel owl-theme">
                        @foreach($world_news->pluck('tags')->collapse()->pluck('name')->toArray() as $tag_name)
                            <div class=item><span class=s-white>{{ $tag_name }}</span></div>
                        @endforeach
                        @if(0)
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                        @endif
                    </div>
                </div>
            </div>
            <div class=row>
                <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 order-xl-1 order-lg-1 order-sm-2 order-md-2 order-2">
                    <div class=row>
                        @if($news = $world_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                        @if($news = $world_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            @if($news = $world_news->shift())
                                <article class="post-wrapper mb4 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                            @if($news = $world_news->shift())
                                <article class="post-wrapper mb4 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                            @if($news = $world_news->shift())
                                <article class="post-wrapper last-child mb-5 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            <aside class=widget-area id=secondary>
                                <section class="widget widget_sparsity_posts_thumb">
                                                                        @while(($news = $world_news->shift()) && ($wn++ < 6))
                                        <article class="item p-2 no">
                                            <div class=info>
                                                <img data-src="{{ $news->cover_thumb_url }}" class="img-fluid img-r lazy" alt="{{ $news->title }}">
                                                <h4 class="title usmall"><a href="{{ $news->url }}">{{ $news->title }}</a></h4>
                                                {{--                                                <a href="" class=inl><b> الدوري الإسباني </b></a>--}}
                                                <time datetime="{{ $news->published->format('Y-m-d') }}" class=inl>{{ $news->published_index }}</time>
                                            </div>
                                            <div class=clear></div>
                                        </article>
                                    @endwhile
                                </section>
                            </aside>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12 order-xl-2 order-lg-2 order-sm-1 order-md-1 order-1">
                    <div class="sticky p-3 bg-white">
                        <h6 class="float-right text-muted">@lang('إعلان')</h6>
                        <a href="{{ ($component = $publicities->firstWhere('position', \App\Models\PublicityComponent::TYPE_LM))->url }}" target=_blank class=text-center>
                            <img data-src="{{ $component->showUrl() }}" alt="{{ $component->title }}" title="{{ $component->title }}" class="img-fluid p-3 lazy" style="width: 100%;">
                        </a>
                    </div>
                </div>
            </div>
            @if($world_news->count())
                <div class=row>
                    <div class="col-lg-12 col-md-12 text-center">
                        <a href="{{ \App\Models\NewsType::firstWhere('id',2)->url() }}" class="btn btn-primary btn-lg mb-2 mt-50">المزيد <i class="fa fa-chevron-left"></i> </a>
                    </div>
                </div>
            @endif
            <div class=row>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h2 class=widget-headline><span class=pb-1>المزيد من الأخبار</span></h2>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id=carous-news>
                    <div class="owl-carousel owl-theme">
                        @foreach($other_news->pluck('tags')->collapse()->pluck('name')->toArray() as $tag_name)
                            <div class=item><span class=s-white>{{ $tag_name }}</span></div>
                        @endforeach
                        @if(0)
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                            <div class=item><span class=s-white>لوريم ايبسوم</span></div>
                        @endif
                    </div>
                </div>
            </div>
            <div class=row>
                <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                    <div class=row>
                        @if($news = $other_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                        @if($news = $other_news->shift())
                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                <article class="post-wrapper last-child mb-5 mt-4 post-1">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}"></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h3 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h3>
                                        </header>
                                    </div>
                                    <footer data-sponsorship-slot=card data-sponsorship-slot-id=footer><i class=media></i>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            </div>
                        @endif
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            @if($news = $other_news->shift())
                                <article class="post-wrapper mb4 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                            @if($news = $other_news->shift())
                                <article class="post-wrapper mb4 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                            @if($news = $other_news->shift())
                                <article class="post-wrapper last-child mb-5 mt-4">
                                    <header class=post-img>
                                        <a class=blog-image href="{{ $news->url }}">
                                            <img data-src="{{ $news->cover_thumb_url }}" width="100%" class="img-fluid attachment-ftc_blog_shortcode_thumb size-ftc_blog_shortcode_thumb wp-post-image lazy" alt="{{ $news->title }}">
                                        </a>
                                        <social-share url="{{ $news->url }}" :mini=true></social-share>
                                    </header>
                                    <div class=post-info>
                                        <header class=entry-header>
                                            <h6 class="product_title blog-title entry-title"><a href="{{ $news->url }}">{{ $news->title }}</a></h6>
                                        </header>
                                    </div>
                                    <footer>
                                        <a href="{{ $news->news_type->url() }}" class=category itemprop=articleSection title="{{ $news->news_type->title }}"> <b>{{ $news->news_type->title }}</b></a>
                                        <time>{{ $news->published_index }}</time>
                                    </footer>
                                </article>
                            @endif
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            <aside class=widget-area id=secondary>
                                <section class="widget widget_sparsity_posts_thumb">
                                    @while($news = $other_news->shift())
                                        <article class=item>
                                            <div class=info>
                                                <h4 class="title usmall"><a href="{{ $news->url }}">{{ $news->title }}</a></h4>
                                                {{--                                                <a href="" class=inl><b> الدوري الإسباني </b></a>--}}
                                                <time datetime="{{ $news->published->format('Y-m-d') }}" class=inl>{{ $news->published_index }}</time>
                                            </div>
                                            <div class=clear></div>
                                        </article>
                                    @endwhile
                                </section>
                            </aside>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                    <div class="sticky p-3 bg-white">
                        <h6 class="float-right text-muted">@lang('إعلان')</h6>
                        <a href="{{ ($component = $publicities->firstWhere('position', \App\Models\PublicityComponent::TYPE_LB))->url }}" target=_blank class=text-center>
                            <img data-src="{{ $component->showUrl() }}" alt="{{ $component->title }}" title="{{ $component->title }}" class="img-fluid p-3 lazy" style="width: 100%;">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section("js")
    <script>
        if ($.isFunction($.fn.owlCarousel))
            $('.owl-carousel').owlCarousel({
                rtl: true,
                loop: false,
                autoplay: false,
                nav: true,
                dots: false,
                responsive: {
                    0: {
                        items: 2,
                    },
                    600: {
                        items: 3,
                    },
                    1000: {
                        items: 9,
                        // autoWidth: true,
                        margin: 5,
                    }
                },
            });
    </script>
@endsection