@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/socialAction.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')
Acción Social
@stop
@section('description')
Actualidad de los proyectos sociales de Radio ECCA. Financiador Caixa Proinfancia. Cooperación, desempleo, inmigrantes, atención a menores.
@stop

@section('content')
{!! Breadcrumbs::render('social-action') !!}

<div class="container">
   <div class="titulo_categoria">
      <span>Acción Social</span>
   </div>
   <div class="titulo col-md-12">
      Conozca nuestros proyectos
   </div>
   <div class="row"></div>
   <ul class="nav nav-tabs">
      <li class="active">
         <a data-toggle="tab" href="#categoria">A quienes nos dirigimos</a>
      </li>
      <li>
         <a data-toggle="tab" href="#lugares">Donde lo hacemos</a>
      </li>
   </ul>
   <div class="tab-content">
      <div id="categoria" class="tab-pane fade in active">
         <div class="row">
            <div class="categories-menu col-md-12" id="colectivo">
               @foreach ($groups as $group)
               <div class="item col-md-2 col-sm-4 col-xs-6">
                  <a href="{{ route('social-action-category-project', ['id'=>$group['alias'],'source'=>'cat']) }}">
                     <span class="cat-image" style="background-image:url({{ asset($group['image']) }})"></span>
                     <p>{{ $group['name'] }}</p>
                  </a>
               </div>
               @endforeach   
            </div>
         </div>
      </div>
      <div id="lugares" class="tab-pane fade in">
         <div class="row">
            <div class="categories-menu col-md-12" id="ambito">
               @foreach ($locations as $location)
               <div class="item col-md-2 col-sm-4 col-xs-6">
                  <a href="{{ route('social-action-location-project', [ 'id'=> $location['alias'], 'source'=>'loc']) }}">
                     <span class="cat-image" style="background-image:url({{ $location['image'] }})"></span>
                     <p>{{ $location['name'] }}</p>
                  </a>
               </div>
               @endforeach   
            </div>
         </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">
            Noticias
         </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">
                           @if(count($post['labels'])==0)
                           <b>Sin etiquetas</b>
                           @else
                           <b>Etiquetas:</b>
                           @foreach ( $post['labels'] as $label)
                           {!! $label !!}, 
                           @endforeach
                           @endif
                        </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">
         <!--         <br>
                  <div class="row">
                     <div class="col-md-12 col-xs-12 inscripcion">
                        <a title="Inscripción a la I Jornadas Caixa Proinfancia" style="background-image: url({{ asset('img/proinfancia_jornada.jpg') }})" target="_blank" href="https://docs.google.com/a/radioecca.org/forms/d/1Pxnh3xXMGtMKYTWriykHOqhueLb0Kpq26M163AEWxLI/viewform">
                           <span>
                              <b>Inscripción.</b>
                              <br>
                              I Jornadas CaixaProinfancia.
                           </span>
                        </a>
                     </div>
                  </div>-->
         <!--         <br>-->
         <div class="row">
            <div class="col-md-12"> 
               <div class="titulo">
                  Twitter
               </div>
               <div class="twitterAjax">
                  Cargando Tweets...
               </div>
            </div>
         </div>
         <div class="row">
            <div class="col-md-12"> 
               <div class="titulo">
                  Patrocinador destacado
               </div>
               <img class="img-responsive" src="{{ asset('img/proinfancia.jpg') }}">
            </div>
         </div>
         <div class="row">
            <div class="col-md-12">
               <div class="titulo">
                  Blogs 
               </div>
               <div class="well enlaces_blogs">                     
                  <a href="http://eccaproinfancia.blogspot.com.es/" target="_blank"> - Blog del programa Proinfancia </a>
                  <a href="http://cooperacionenecca.blogspot.com.es/" target="_blank"> - Blog de Cooperación </a>
               </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: "4"}
   );
   $('document').ready(function () {
      /*Twitter Ajax Loading*/
      $.get("{{ route('ajax-twitter', ['keySearch' => 'socialecca', 'cacheName' => 'cache_twitters_social', 'nTwit' => 5]) }}")
              .done(function (data) {
                 $(".twitterAjax").html(data);
              })
              .fail(function () {
                 $(".twitterAjax").html("No se pudo cargar Twitter");
              });
   });
</script>
@stop