@extends('layouts.base')

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

@section('title')
{{Lang::get('radioShowList.nuestra programacion')}} - Magis radio
@stop
@section('description')
    {{Lang::get('radioShowList.escuche los programas propios')}}
@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">
        {{Lang::get('radioShowList.programacion')}}
    </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="{{Lang::get('radioShowList.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