Inline podcastplayer toegevoegd

resources/views/widgets/podcastplayer.blade.php

@@ -0,0 +1,61 @@
+<div class="content pt-2">
+@if($podcast == null) 
+  <span>De podcast kan helaas (op dit moment) niet weergegeven worden.</span>
+@else
+  @include('widgets/mediaplayer')
+
+  @if ($podcast)
+      <?php
+      $audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
+      $popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
+      ?>
+          <div class="announcement p-3">
+            <h3 class="page_title">{{$podcast->title}}</h3>
+            <div class="post_body">
+              <ul class="post_details clearfix">
+                <li class="detail date">
+                  <i class="fa-regular fa-clock"></i>
+                  {{ Formatter::relativeDate($podcast->created) }}
+                </li>
+                @if($podcast->program)
+                  <li class="detail author">
+                    <a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a>
+                  </li>
+                @endif
+              </ul>
+
+                <audio controls>
+                  <source src="{{$audioUrl}}" type="audio/mpeg"/>
+                </audio>
+                <div class="clearfix">
+                  <a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3">
+                    <span>Download fragment</span>
+                  </a>
+                  <a class="action_button btn player" href="{{$popoutUrl}}">
+                    <span>Luister in nieuw venster</span>
+                  </a>
+                </div>
+
+              <div class="row content_box clearfix mt-2">
+                @if($podcast->image)
+                  <div class="col-3">
+                      <img src="{{$imgBase . $podcast->image->url}}"
+                         title="{{$podcast->image->title}}" style="display: block; width: 100%;"/>
+                    <div class="sentence">
+                      <span class="text">{{$podcast->image->title}}</span>
+                    </div>
+                  </div>
+                @endif
+                  <div class="col excerpt">{!!$podcast->content!!}</div>
+              </div>
+              </div>
+
+              </div>
+            </div>
+
+          </div>
+        </div>
+    </div>
+  @endif
+@endif
+