@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')
{{ Lang::get('news.comunicacion y actualidad') }}
@stop
@section('description')
{{ Lang::get('news.las noticias de radio ecca') }}
@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_3.jpg">
    </div>
</div>
<div class="container">
    <div class="titulo_categoria" >
        <span>{{ Lang::get('news.comunicacion 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>{{ Lang::get('news.nuestra programacion') }}</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>{{ Lang::get('news.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>{{ Lang::get('news.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>{{ Lang::get('news.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>{{ Lang::get('news.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>{{ Lang::get('news.descarga 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">
                {{ Lang::get('news.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">
                                <a href="{{ route('news-from-blogger', ['idBLog' => $post['idBlog'], 'id' => $post['id'] ]) }}">
                                    <h2>
                                        {!! $post['title'] !!}
                                    </h2>
                                </a>
                                <!--Old Link-->
                                <!--<a target="_blank" title="Enlace al Blog de la noticia" href="{!! $post['url'] !!}">
                                    <h2>
                                        {!! $post['title'] !!}
                                    </h2>
                                </a>-->
                            </div>
                            <div class="row">
                                <p class="descp">{{ $post['content'] }}</p>
                                <div class="label-post">
                                    <b>{{ Lang::get('news.etiquetas') }}</b>
                                    @foreach ( $post['labels'] as $label)
                                    {!! $label !!},
                                    @endforeach
                                </div>
                            </div>
                            <div class="row">
                                <div class="label-post">
                                    <a target="_blank" title="{{ Lang::get('news.enlace al blog de la noticia') }}" href="{!! $post['url'] !!}">
                                       <span class="glyphicon glyphicon-link"></span>
                                       Blog
                                    </a>
                                </div>
                            </div>
                            <div class="row">
                                <p class="date">
                                    <span class="glyphicon glyphicon-time"></span>
                                    {{ $post['date'] }}
                                </p>
                            </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">
                        {{ Lang::get('news.lo mas relevante') }}
                    </div>
                    <div class="well">
                        <div class="outstanding">
                            @foreach ($postOutstanding as $post)
                            <a href="{{ route('news-from-blogger', ['idBLog' => $post['idBlog'], 'id' => $post['id'] ]) }}">
                                <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">
                            {{ Lang::get('news.mapa fm') }}
                        </div>
                        <div class="well">
                            <img class="img-responsive" src={!! asset('img/diales_archipielago_3.jpg') !!} >
                        </div>
                    </a>
                </div>
                <div class="col-md-12">
                    <div class="titulo">
                        {{ Lang::get('news.twitter') }}
                    </div>
                    <div class="twitterAjax">
                        {{ Lang::get('news.cargando tweets') }}
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="titulo">
                        {{ Lang::get('news.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">
                            {!!  Lang::get('news.su agente de usuario no soporta') !!}
                        </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>
    
    var currentPage = location.hash.substr(1) || 1;
    $("ul.pager").quickPagination(
            {pagerLocation: "top", pageSize: "5", currentPage: currentPage}
    );
    $('document').ready(function () {
        $("ul.simplePagerNav li a").click(function(){
            location.hash = this.rel
        })
        /*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("{{ Lang::get('news.no se pudo cargas twitter') }}");
                });
    });
</script>
@stop