@extends('layouts.base')

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

@section('title')
Nuestra programación - Magis radio
@stop
@section('description')
Escuche los programas propios de Radio ECCA y los programas de Magis Radio.
@stop

@section('content')
   {!! Breadcrumbs::render('news-programation', $page ) !!}
   <div id="mapa_fm_container" class="mapa_fm oculto">
      <div class="img_container">
         <div id="close_mapa_fm" class="close_button">
            <span class="line"></span>
            <span class="line2"></span>
         </div>
         <img class="img-responsive" src={!! asset('img/diales_archipielago.jpg') !!} >
      </div>
   </div>
   <div class="container">
      <div class="titulo_categoria" >
         <span>{{ $page['title'] }}</span>
      </div>
      <!-- Blog Entries Column -->
      <div class="titulo col-md-12">
         Programación
      </div>
      <div class="spacer"></div>
      @foreach ($radioShows as $show)
      <div class="row">
         <div class="col-md-2 col-xs-3 photo-wrapper">
            <img class="img-responsive grayscale50" src={!! asset( $show['image'] ) !!}>
         </div>
         <div class="col-md-10">
            <div class="col-md-12 no_pad_mar">
               <div class="show_header">
                  <a href="{{ route('radio-selected', ['id'=>$show['ivooxLink']]) }}" title="Escuchar este programa">
                     <span class="glyphicon glyphicon-headphones"></span>
                     <span class="title">{{ $show['title'] }}</span>
                  </a>
               </div>
            </div>
            <div class="col-md-12 show_body">
               {{ $show['description'] }}
            </div>
         </div>
      </div>
      @endforeach
   </div>
   <div class="spacer"></div>
   <!-- /.row -->
@stop

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