@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/radioOnDemandPlayer.css')->withFullUrl() !!}
{!! HTML::style('https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css') !!}
{!! Minify::stylesheet('/css/dataTable.css')->withFullUrl() !!}
@stop

@section('title')
   {{Lang::get('radioOnDemand.radio a la carta')}} - {{ $ivoox->getName() }}
@stop
@section('description')
   {{Lang::get('radioOnDemand.disfrute de los mejores podcast')}}
@stop

@section('content')
{!! Breadcrumbs::render('radio-selected', $page, $parent ) !!}
<div id="loading" class="oculto">
   <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
</div>
<div class="container">
   <div class="titulo_categoria">
      <span>{{Lang::get('radioOnDemand.radio a la carta')}}</span>
      <div class="subtitulo_categoria">{{ $ivoox->getName() }}</div>
   </div>
   <div class="row">
      <div class="col-md-2">
         <center>
            <img style="width:165px; height:165px" src="{{ $image }}" title="{{Lang::get('radioOnDemand.foto de portada')}}" alt="{{Lang::get('radioOnDemand.foto de portada')}}" class="img-responsive">
         </center>
      </div>
      <div class="col-md-10 titleIvoox">
         <p>
         {{Lang::get('radioOnDemand.episodios del programa')}}
         </p>
         <h1>{{ $ivoox->getName() }}</h1>
      </div>
   </div>
   <table class="table" id="ivooxTable">
      <thead>
         <tr>
            <td >
               {{Lang::get('radioOnDemand.titulo del audio')}}
            </td>
            <td >
               {{Lang::get('radioOnDemand.fecha')}}
            </td>
            <td style="width: 10%">
               {{Lang::get('radioOnDemand.reproducir')}}
            </td>
         </tr>
      </thead>
      <tbody>
         @foreach ($ivooxArray as $ivoox)
         <tr>
            <td class="ivoox-title">
               <a href="{{ route('play-ivoox', [ 'id'=>$page['alias'], 'idIvoox'=>$ivoox['guid'] ]) }}">
                  {{ $ivoox['title'] }}
               </a>
            </td>
            <td class="date-style" data-sort="{{ $ivoox['dateOrder'] }}">
               {{ $ivoox['date'] }}
            </td>
            <td>
               <a class="play-action" href="{{ route('play-ivoox', [ 'id'=>$page['alias'], 'idIvoox'=>$ivoox['guid'] ]) }}">
                  <span class="glyphicon glyphicon-headphones"></span>   
                  {{Lang::get('radioOnDemand.escuchar')}}
               </a>
            </td>
         </tr>
         @endforeach
      </tbody>
   </table>
</div>
<div class="spacer"></div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl()  !!}
{!! HTML::script('https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js') !!}
<script>
   $(document).ready(function () {
      $('#ivooxTable').dataTable({
         "language": {
            "url": "{{Lang::get('datatable.language.url')}}"
         },
         "order": [[1, "desc"]]
      });
   });
</script>
@stop