From 3f186eed4c557cb3b294b66edd85a83823ca369d Mon Sep 17 00:00:00 2001
From: Mischa Spelt <mischa.spelt@nhgooi.nl>
Date: Fri, 27 Mar 2020 17:11:40 +0100
Subject: [PATCH] Add carousel block type to nhnewsstory

---
 public/css/style.css                       |  3 +++
 resources/views/partial/nh_story.blade.php | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/css/style.css b/public/css/style.css
index c12f342c..50de0fe2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2735,6 +2735,9 @@ li.detail.category
 {
 	width: 240px;
 }
+.horizontal_carousel_container a.slider_control {
+	top: 50% !important;
+}
 .column_2_3 .horizontal_carousel_container.thin .horizontal_carousel.visible-5>li,
 .gallery_popup .horizontal_carousel_container.thin .horizontal_carousel.visible-8 > li
 {
diff --git a/resources/views/partial/nh_story.blade.php b/resources/views/partial/nh_story.blade.php
index 74b4da9a..789e8405 100644
--- a/resources/views/partial/nh_story.blade.php
+++ b/resources/views/partial/nh_story.blade.php
@@ -39,6 +39,18 @@
 		@endforeach
 		</video>
 		<span class="author">{{$block->video->author}}</span>
-	@endif
+	@elseif($block->type == "carousel")
+            <div class="horizontal_carousel_container gallery">
+            <ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+            @foreach($block->items as $image)
+              <li>
+                <a href="{{$image->image->imageWide}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]" title="{{$image->image->title}} &copy; {{$image->image->author}}">
+                    <img src="{{$image->image->imageWide}}" alt="{{$image->image->title}}" title="{{$image->image->title}}">
+                </a>
+              </li>
+            @endforeach
+            </ul>
+            </div>
+        @endif
 @endforeach