<?php $__env->startSection('css'); ?>
<?php echo Minify::stylesheet('/css/radioOnDemandPlayer.css')->withFullUrl(); ?>

<?php echo HTML::style('https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css'); ?>

<?php echo Minify::stylesheet('/css/dataTable.css')->withFullUrl(); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('title'); ?>
Radio a la carta - <?php echo e($ivoox->getName()); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
Disfrute de los mejores podcasts de Radio ECCA, directamente desde su web. Ordélenos como desee y escuche sin más.
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php echo 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>Radio a la carta</span>
      <div class="subtitulo_categoria"><?php echo e($ivoox->getName()); ?></div>
   </div>
   <div class="row">
      <div class="col-md-2">
         <center>
            <img style="width:165px; height:165px" src="<?php echo e($image); ?>" title="Foto de portada" alt="Foto de portada" class="img-responsive">
         </center>
      </div>
      <div class="col-md-10 titleIvoox">
         <p>
         Episodios del programa:
         </p>
         <h1><?php echo e($ivoox->getName()); ?></h1>
      </div>
   </div>
   <table class="table" id="ivooxTable">
      <thead>
         <tr>
            <td >
               Título del audio
            </td>
            <td >
               Fecha
            </td>
            <td style="width: 10%">
               Reproducir
            </td>
         </tr>
      </thead>
      <tbody>
         <?php foreach($ivooxArray as $ivoox): ?>
         <tr>
            <td class="ivoox-title">
               <a href="<?php echo e(route('play-ivoox', [ 'id'=>$page['alias'], 'idIvoox'=>$ivoox['guid'] ])); ?>">
                  <?php echo e($ivoox['title']); ?>

               </a>
            </td>
            <td class="date-style" data-sort="<?php echo e($ivoox['dateOrder']); ?>">
               <?php echo e($ivoox['date']); ?>

            </td>
            <td>
               <a class="play-action" href="<?php echo e(route('play-ivoox', [ 'id'=>$page['alias'], 'idIvoox'=>$ivoox['guid'] ])); ?>">
                  <span class="glyphicon glyphicon-headphones"></span>   
                  Escuchar
               </a>
            </td>
         </tr>
         <?php endforeach; ?>
      </tbody>
   </table>
</div>
<div class="spacer"></div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-code-post'); ?>
<?php echo Minify::javascript('/js/custom.js')->withFullUrl(); ?>

<?php echo HTML::script('https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js'); ?>

<script>
   $(document).ready(function () {
      $('#ivooxTable').dataTable({
         "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.9/i18n/Spanish.json"
         },
         "order": [[1, "desc"]]
      });
   });
</script>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>