@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/news.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/categoryMenu.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/twitter.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/newsPosts.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/simplePagerNav.css')->withFullUrl() !!}
@stop

@section('title')
Comunicación y actualidad
@stop
@section('description')
Las noticias de Radio ECCA. Actualidad Radio ECCA. Comunicación Radio ECCA. Dónde escucharnos. Descarga de APP.
@stop

@section('content')
{!! Breadcrumbs::render('news') !!}
<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="img/diales_archipielago.jpg">
    </div>
</div>
<div class="container">
    <div class="titulo_categoria" >
        <span>Comunicación y actualidad</span>
    </div>
    <!-- Blog Entries Column -->
    <div class="row">
        <div class="col-md-12  categories-menu">
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a href="{{ route('news-programation', [ 'id'=>'ecca' ]) }}">
                    <span class="cat-image" style="background-image: url({{ asset("img/programacion.jpg")}})">
                    </span>
                    <p>Nuestra Programación</p>
                </a>
            </div>
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a href="{{ route('radio-online') }}">
                    <span class="cat-image" style="background-image: url({{ asset("img/especial16.jpg")}})">
                    </span>
                    <p>Radio Online</p>
                </a>
            </div>
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a href="{{ route('radio-on-demand') }}">
                    <span class="cat-image" style="background-image: url({{ asset("img/ivoox.jpg")}})">
                    </span>
                    <p>Radio a la carta</p>
                </a>
            </div>
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a target="_blank" href="http://lomejorderadioecca.blogspot.com.es/">
                    <span class="cat-image" style="background-image: url({{ asset("img/lomejor.jpg")}})">
                    </span>
                    <p>Lo mejor de nuestra radio</p>
                </a>
            </div>
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a href="{{ route('news-programation', [ 'id'=>'magis-radio' ]) }}">
                    <span class="cat-image" style="background-image: url({{ asset("img/magis.jpg")}})">
                    </span>
                    <p>Magis Radio</p>
                </a>
            </div>
            <div class="item col-md-2 col-sm-4 col-xs-6">
                <a target="_blank" href="https://play.google.com/store/apps/details?id=ecca.radio&hl=es">
                    <span class="cat-image" style="background-image: url({{ asset("img/android.jpg")}})">
                    </span>
                    <p>Descargar App ECCA</p>
                </a>
            </div>
        </div>
    </div>
    <div class="spacer"></div>
    <div class="row">
        <div class="col-md-8 news-wrapper">
            <!-- Slider Ofertas -->
            <div class="titulo col-md-12">
                Actualidad
            </div>
            <div class="spacer"></div>
            <ul class="pager">
                @foreach ($posts as $post)
                <li>
                    <div class="news-body row">
                        <div class="col-md-3 col-sm-4 col-xs-12">
                            <div class="photo grayscale50" style="background-image:url({{$post['image'] }})">
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-8 col-xs-12">
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <a target="_blank" title="Enlace al Blog de la noticia" href="{!! $post['url'] !!}">
                                        <h2>
                                            {!! $post['title'] !!}
                                        </h2>
                                    </a>
                                </div>
                                <!--<div class="col-md-2 col-xs-2 blog-link-wrapper">
                                   <a class="blog-link" target="_blank" title="Enlace al Blog de la noticia" href="{!! $post['url'] !!}">
                                      <span class="glyphicon glyphicon-link"></span>
                                   </a>
                                </div>-->
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="descp">{{ $post['content'] }}</p>
                                </div>
                                <div class="col-md-12 label-post">
                                    <b>Etiquetas:</b>
                                    @foreach ( $post['labels'] as $label)
                                    {!! $label !!},
                                    @endforeach
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="date">
                                        <span class="glyphicon glyphicon-time"></span>
                                        {{ $post['date'] }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                @endforeach
            </ul>
        </div>
        <!-- Blog Sidebar Widgets Column -->
        <div class="col-md-4">
            <div class="row">
                <div class="col-md-12">
                    <div class="titulo">
                        Lo más relevante
                    </div>
                    <div class="well">
                        <div class="outstanding">
                            @foreach ($postOutstanding as $post)
                            <a href="{!! $post['url'] !!}" target="_blank">
                                <div class="photo grayscale50" style="background-image:url({{$post['image'] }})">
                                </div>
                                <div class="tit-text">
                                    {!! $post['title'] !!}
                                </div>
                            </a>
                            @endforeach
                        </div>
                    </div>
                    <a id="mapa_fm" href="#">
                        <div class="titulo">
                            Mapa FM
                        </div>
                        <div class="well">
                            <img class="img-responsive" src={!! asset('img/diales_archipielago.jpg') !!} >
                        </div>
                    </a>
                </div>
                <div class="col-md-12">
                    <div class="titulo">
                        Twitter
                    </div>
                    <div class="twitterAjax">
                        Cargando Tweets...
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="titulo">
                        Parrilla Online
                        <a href="{{ route('radio-online') }}">
                            <span class="glyphicon glyphicon glyphicon-play-circle fright"></span>
                        </a>
                    </div>
                    <div class="well">
                        <iframe src="http://online.radioecca.org/radio/parrilla.php" width="100%" height="220px" scrolling="yes" frameborder="0">Su agente de usuario no soporta marcos o est&aacute; actualmente configurado para no mostrar marcos. No obstante, puede <a href="parrilla.html">consultar directamente la parrilla de radio de hoy</a>.</iframe>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- /.row -->
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
{!! Minify::javascript('/js/jquery.quick.pagination.js')->withFullUrl() !!}
@include('includes.twitterWebIntentScript')
<script>
   $("ul.pager").quickPagination(
           {pagerLocation: "top", pageSize: "5"}
   );
   $('document').ready(function () {
       /*Twitter Ajax Loading*/
       $.get("{{ route('ajax-twitter', ['keySearch' => 'radioecca', 'cacheName' => 'cache_twitters_communication', 'nTwit' => 5]) }}")
               .done(function (data) {
                   $(".twitterAjax").html(data);
               })
               .fail(function () {
                   $(".twitterAjax").html("No se pudo cargar Twitter");
               });
   });
</script>
@stop