Styled pages missed program and fragment missed

resources/views/partial/podcastitems.blade.php

@@ -1,9 +1,31 @@
-<ul>
-@foreach($podcasts as $podcast)
+<?php
+$li = array_merge([
+    'class' => '',
+    'style' => ''
+], $li ?? []);
+$content = array_merge([
+    'class' => '',
+    'style' => '',
+], $content ?? []);
+$ul = array_merge([
+    'class' => ''
+], $ul ?? []);
+$body = array_merge([
+    'show' => false,
+    'class' => ''
+], $body ?? []);
+$actionButton = array_merge([
+    'class' => ''
+], $actionButton ?? []);
+?>
+<ul id="{{$id ?? ''}}" class="{{$ul['class']}}">
+    @foreach($podcasts as $podcast)
             <?php $url = route('gemist.fragment') . $podcast->url; ?>
-        <li class="post">
-            <div class="post_content">
-                <h2 class="post_title"><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->titleWithoutProgram()!!}</a></h2>
+        <li style="{{$li['style']}}" class="post {{$li['class']}}">
+            <div style="{{$content['style']}}" class="post_content {{$content['class']}}">
+                <h2 class="post_title">
+                    <a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->titleWithoutProgram()!!}</a>
+                </h2>
                 <div class="sub_title">
                     @if ($podcast->program)
                         <a class="program_name" href="{{ route('programma') . $podcast->program->url }}"
@@ -20,6 +42,16 @@
                         <img src='{{$imgBase . $podcast->image->url}}' alt='{{$podcast->image->title}}'>
                     </a>
                 @endif
+                @if($body['show'])
+                    <p class="post_body {{$body['class']}}">
+                        {!!$podcast->content!!}
+                    </p>
+                @endif
+                @if(isset($showAction) && $showAction)
+                    <div class="action_button {{$actionButton['class']}}">
+                        <a class="btn" href="{{$url}}">Luister fragment</a>
+                    </div>
+                @endif
             </div>
         </li>