@extends('layouts.master')

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

@section('page_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 style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
                </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', [])

                    <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 style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>

                    <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>
                </div>
            </div>
        </div>
    </div>
@endsection