@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/study.css')->withFullUrl() !!}
@stop

@section('title')
Escuchar audio
@stop
@section('description')
Disfrute de su audio.
@stop

@section('content')
{!! Breadcrumbs::render('radio-selected-player', $parent) !!}
<div class="container">
   <div class="titulo_categoria">
      <span>Escuchar Audio</span>
   </div>
   <div class="row">
      <div class="col-md-12" style="text-align: justify">
         {{ $description }}
      </div>
   </div>
   <div class="row">
      <div class="col-md-12">
         <iframe id='audio_{{ $guid }}' frameborder='0' allowfullscreen='' scrolling='no' height='200' style='border:1px solid #EEE; box-sizing:border-box; width:100%;' src='https://www.ivoox.com/player_ej_{{ $guid }}_4_1.html?c1=0069ad'></iframe>
      </div>
   </div>
   <div class="important row">
      <div class="spacer"></div>
      <div class="col-md-12">
         <div class="wrapper-important2 col-xs-12 col-md-5">
            <a href="{{ route('radio-selected', ['id'=>$parent] ) }}" >Más de este programa<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></a>
         </div>
         <div class="wrapper-important2 col-xs-12 col-md-5">
            <a href="{{ route('radio-on-demand' ) }}" >Ir a radio a la carta<span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
         </div>
         <div class="wrapper-important col-xs-12 col-md-2">
            <a target="_blank" href="http://www.ivoox.com/{{ $guid }}" >Ivoox <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a>
         </div>
      </div>
   </div>
</div>

<div class="spacer"></div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
@stop