@extends('layouts.master')

@section('title')
    NH Gooi - Nieuws
@endsection

@section('page_container_class')
    news
@endsection

@section('content')
    <div class="clearfix">
        {{-- body --}}
        <div class="grey_background">
            <div class="body_container row">
                <div class="col-12">
                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
                        - Advertentie -
                    </div>
                    <div id="nhgooi_article_top" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
                    <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_article_top",targetId: "nhgooi_article_top",filledCallback: (adslot) => { $('#' + adslot.targetId).css({backgroundColor: 'transparent'}); }});});</script>
                </div>
                <div class="col-12 col-md content_container">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <h4 class="box_header"><span>Meer nieuws</span></h4>
                            <div class="box">
                                @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
                            </div>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-12">
                            <a class="btn auto_width" id="meer-nieuws" href="#"
                               data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'>
                                <span class="fas fa-spinner fa-spin" id="loading"></span>
                                Klik hier voor meer nieuws
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-auto sidebar">
                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])

                    @include('widgets/contact', [])

                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar1'])

                    <div class="podcast_items">
                        <h4 class="box_header small"><span>Fragment gemist</span></h4>
                        <div class="box">
                            @include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
                        </div>
                    </div>

                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side2' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar2'])
                </div>
            </div>
        </div>
    </div>
@endsection