Home page and news page are finished

resources/views/layouts/sidebar.blade.php

@@ -1,35 +1,56 @@
 @extends('layouts/master')
 
 @section('page')
-    <div class="clearfix" style="height: 15px;"></div>
-    <div class="page_header clearfix page_margin_top">
-        <div class="page_header left">
-            <h1 class="page_title">@yield('title')</h1>
-        </div>
-        <div class="page_header_right">
-            @yield('breadcrumb')
-        </div>
-    </div>
-    <div class="page_layout clearfix">
-        <div class="row page_margin_top">
-            <div class="column column_2_3">
+    <div class="row @yield('page_class')">
+        <div class="col-8">
+            <div class="box full-width">
+                @yield('breadcrumb')
+                @yield('tags')
+                <h1 class="page_title">@yield('title')</h1>
                 @yield('content')
             </div>
+        </div>
 
-            <div class="column column_1_3">
-              <div class="kennismakingsdag">
-                    <h4 class="box_header">Kennismaken?</h4>
-                    <p>Wil je radio, tv of podcasts maken, techniek leren of je marketingskills inzetten? <a href="/vacatures/ontmoet-ons">Meld je aan en we nemen persoonlijk contact met je op</a> voor een kennismaking!</p>
-                    <a class="read_more" href="/vacatures" title="Bekijk alle vacatures"><span class="arrow"></span><span>Bekijk vacatures</span></a>
+        <div class="col-4">
+            @if ((isset($populair) && $populair) || isset($newsItems) && $newsItems)
+            <div data-tabs>
+                <div class="tabs">
+                    @if (isset($populair) && $populair)
+                    <h4 data-tab-content-id="tab_most_read" class="box_header active"><span>Meest gelezen</span></h4>
+                    @endif
+                    @if (isset($newsItems) && $newsItems)
+                    <h4 data-tab-content-id="tab_more_news" class="box_header"><span>Meer nieuws</span></h4>
+                    @endif
                 </div>
-                <div class="clearfix"></div>
-
-                @include('widgets.banners')
-
-                @include('widgets.beelden')
-
-                @include('widgets.nustraks')
+                @if (isset($populair) && $populair)
+                <div id="tab_most_read" class="box tab_content active">
+                    @include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
+                    <a class="btn auto_width" id="meer-nieuws-most-read" href="#" data-loadmorenews='{"container":["#items-most-read"], "url": "/nieuws/populair?id=items-most-read"}'>
+                        <span class="fas fa-spinner fa-spin" id="loading"></span>
+                        Klik hier voor meer nieuws
+                    </a>
+                </div>
+                @endif
+                @if (isset($newsItems) && $newsItems)
+                <div id="tab_more_news" class="box tab_content">
+                    @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $newsItems])
+                    <a class="btn auto_width" id="meer-nieuws-more-news" href="#" data-loadmorenews='{"container":["#items-more-news"], "url": "/nieuws/more?id=items-more-news"}'>
+                        <span class="fas fa-spinner fa-spin" id="loading"></span>
+                        Klik hier voor meer nieuws
+                    </a>
+                </div>
+                @endif
             </div>
+            @endif
+
+            <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>
+
+            @include('widgets/nhgooiradiotv', ['headerClass' => 'medium'])
+
+            @include('widgets/contact', [])
         </div>
     </div>