Layoutwijzigingen, programma gemist

website/resources/views/podcastlist.blade.php

@@ -5,18 +5,35 @@
 @endsection
 
 @section('breadcrumb')
-	<ul class="bread_crumb">
-		@if(isset($program))
-		<li><a title="Fragment gemist" href="{{url('radio/gemist')}}">Fragment gemist</a></li>
-		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
-		<li>{{$program->name}}</li>
-		@endif
-	</ul>
+  <ul class="bread_crumb">
+    @if(isset($program))
+    <li><a title="Fragment gemist" href="{{url('radio/gemist')}}">Fragment gemist</a></li>
+    <li class="separator icon_small_arrow right_gray">&nbsp;</li>
+    <li>{{$program->name}}</li>
+    @endif
+  </ul>
 @endsection 
 
 @section('content')
   @parent
 
+  <div id="gemist_tabs" class="no_scroll clearfix">
+    <ul class="tabs_navigation clearfix">
+        <li>
+          <a href="{{route('gemist.programma')}}" title="Programma gemist">
+            Programma gemist
+          </a>
+          <span></span>
+        </li>
+        <li class="ui-tabs-active col_1_2"">
+          <a href="{{route('gemist.fragment')}}" title="Fragment gemist">
+            Fragment gemist
+          </a>
+          <span></span>
+        </li>
+      </ul>
+  </div>
+
   @if(isset($program)) 
     <h2>{{$program->name}}</h2>
     <p class="align-right">
@@ -24,15 +41,15 @@
       <a href="{{route('programma') . $program->url}}" title="{{$program->name}}" class="btn btn-info">Programmainfo</a>
     </p>
   @else
-    <p>Hele uitzendingen kunt u binnen twee weken terugluisteren door het betreffende programma op te zoeken via de <a href="{{route('radio.gids')}}">programmagids</a>.
+    <p>Hele uitzendingen kunt u binnen twee weken terugluisteren via <a href="{{route('gemist.programma')}}">programma gemist</a>.
   @endif
 
   @if($podcasts)
 
   <div class="page_layout clearfix">
-	<div class="row grid" id="items">
-	@include('partial.podcastitems', ['podcasts' => $podcasts])
-	</div><!--/.row-->
+  <div class="row grid" id="items">
+  @include('partial.podcastitems', ['podcasts' => $podcasts])
+  </div><!--/.row-->
   </div>
   
   <div id="loading" style="display: none">
@@ -83,3 +100,10 @@
  
 @endsection
 
+@push('styles')
+<style>
+#gemist_tabs li {
+  width: 50%;
+}
+</style>
+@endpush