<?php $__env->startSection('css'); ?>
<?php echo Minify::stylesheet('/css/socialAction.css')->withFullUrl(); ?>

<?php echo Minify::stylesheet('/css/categoryMenu.css')->withFullUrl(); ?>

<?php echo Minify::stylesheet('/css/twitter.css')->withFullUrl(); ?>

<?php echo Minify::stylesheet('/css/newsPosts.css')->withFullUrl(); ?>

<?php echo Minify::stylesheet('/css/simplePagerNav.css')->withFullUrl(); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('title'); ?>
Acción Social
<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
Actualidad de los proyectos sociales de Radio ECCA. Financiador Caixa Proinfancia. Cooperación, desempleo, inmigrantes, atención a menores.
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php echo 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">
                    <?php foreach($groups as $group): ?>
                    <div class="item col-md-2 col-sm-4 col-xs-6">
                        <a href="<?php echo e(route('social-action-category-project', ['id'=>$group['alias'],'source'=>'cat'])); ?>">
                            <span class="cat-image" style="background-image:url(<?php echo e(asset($group['image'])); ?>)"></span>
                            <p><?php echo e($group['name']); ?></p>
                        </a>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
        <div id="lugares" class="tab-pane fade in">
            <div class="row">
                <div class="categories-menu col-md-12" id="ambito">
                    <?php foreach($locations as $location): ?>
                    <div class="item col-md-2 col-sm-4 col-xs-6">
                        <a href="<?php echo e(route('social-action-location-project', [ 'id'=> $location['alias'], 'source'=>'loc'])); ?>">
                            <span class="cat-image" style="background-image:url(<?php echo e($location['image']); ?>)"></span>
                            <p><?php echo e($location['name']); ?></p>
                        </a>
                    </div>
                    <?php 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">
                <?php 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('<?php echo e($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="<?php echo $post['url']; ?>">
                                        <h2>
                                            <?php echo $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="<?php echo $post['url']; ?>">
                                      <span class="glyphicon glyphicon-link"></span>
                                   </a>
                                </div>-->
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="descp"><?php echo e($post['content']); ?></p>
                                </div>
                                <div class="col-md-12 label-post">
                                    <?php if(count($post['labels'])==0): ?>
                                    <b>Sin etiquetas</b>
                                    <?php else: ?>
                                    <b>Etiquetas:</b>
                                    <?php foreach( $post['labels'] as $label): ?>
                                    <?php echo $label; ?>,
                                    <?php endforeach; ?>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="date">
                                        <span class="glyphicon glyphicon-time"></span>
                                        <?php echo e($post['date']); ?>

                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <?php 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(<?php echo e(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">
                        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 class="titulo">
        Patrocinadores destacados
    </div>
    <div class="row">
        <div class="col-md-3">
            <a href="https://obrasociallacaixa.org/es/informacion-corporativa/muy-cerca-de-ti" target="_blank">
                <img class="img-responsive" src="<?php echo e(asset('img/proinfancia.jpg')); ?>">
            </a>
            <div class="spacer"></div>
        </div>
        <div class="col-md-3">
            <a title="Clic para descargar el proyecto"  href="<?php echo e(asset('files/documents/inclusion-galicia.pdf')); ?>" target="_blank">
                <img class="img-responsive" src="<?php echo e(asset('img/galicia.jpg')); ?>">
            </a>
        </div>
    </div>
</div>

<!-- /.row -->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-code-post'); ?>
<?php echo Minify::javascript('/js/custom.js')->withFullUrl(); ?>

<?php echo Minify::javascript('/js/jquery.quick.pagination.js')->withFullUrl(); ?>

<?php echo $__env->make('includes.twitterWebIntentScript', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<script>
   $("ul.pager").quickPagination(
           {pagerLocation: "top", pageSize: "4"}
   );
   $('document').ready(function () {
       /*Twitter Ajax Loading*/
       $.get("<?php echo e(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>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>