<?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-3 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">
                                <a href="<?php echo e(route('news-from-blogger', ['idBLog' => $post['idBlog'], 'id' => $post['id'] ])); ?>">
                                    <h2>
                                        <?php echo $post['title']; ?>

                                    </h2>
                                </a>
                                <!--<a target="_blank" title="Enlace al Blog de la noticia" href="<?php echo $post['url']; ?>">
                                    <h2>
                                        <?php echo $post['title']; ?>

                                    </h2>
                                </a>-->
                                <!--<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">
                                <p class="descp"><?php echo e($post['content']); ?></p>
                                <div class="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="label-post">
                                    <a target="_blank" title="Enlace al Blog de la noticia" href="<?php echo $post['url']; ?>">
                                       <span class="glyphicon glyphicon-link"></span>
                                       Blog
                                    </a>
                                </div>
                            </div>
                            <div class="row">
                                <p class="date">
                                    <span class="glyphicon glyphicon-time"></span>
                                    <?php echo e($post['date']); ?>

                                </p>
                            </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 class="row">
                <div class="col-md-12">
                    <div class="titulo">
                        Interreg
                    </div>
                    <a href="http://adaptares.com" target="_blank">
                        <img  style="max-width: 280px; margin: auto" class="img-responsive" src="<?php echo e(asset('img/adaptares.png')); ?>">
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="titulo">
                        ERASMUS+
                    </div>
                    <a href="http://www.solo-preneur.eu" target="_blank">
                        <img  style="max-width: 280px; margin: auto" class="img-responsive" src="<?php echo e(asset('img/solopreneur.jpg')); ?>">
                    </a>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row">

        <div class="col-md-8">

            <div class="titulo">
                Patrocinadores destacados
            </div>

            <div class="row">
                <div class="col-md-6">
                    <a href="https://obrasociallacaixa.org" target="_blank">
                        <img class="img-responsive" style="max-width: 280px; margin: auto" src="<?php echo e(asset('img/caixa_new.jpg')); ?>">
                    </a>
                    <br>
                </div>
                <div class="col-md-6">
                    <a title="Clic para descargar el proyecto" target="_blank" href="<?php echo e(asset('files/documents/actuaciones_ecca_estratexia_inclusion18-19.pdf')); ?>">
                        <img class="img-responsive" style="max-width: 280px; margin: auto" src="<?php echo e(asset('img/galicia.jpg')); ?>">
                    </a>
                    <br>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <a href="http://www.empleo.gob.es" target="_blank">
                        <img class="img-responsive" style="max-width: 280px; margin: auto" src="<?php echo e(asset('img/ministerio.jpg')); ?>">
                    </a>
                    <br>
                </div>
                <div class="col-md-6">
                    <a href="http://www.gobiernodecanarias.org/empleo" target="_blank">
                        <img class="img-responsive" style="max-width: 280px; margin: auto" src="<?php echo e(asset('img/logo-serv-can-empleo.png')); ?>">
                    </a>
                    <br>
                </div>
            </div>

	    <br>

            <div class="row">
                <div class="col-md-12">
                    <a title="Clic para descargar las fichas" target="_blank" href="<?php echo e(asset('files/documents/fichas_acc_soc_pagina_web_202004.pdf')); ?>">
                        <img class="img-responsive" style="max-width: 940px; margin: auto" src="<?php echo e(asset('img/fse/logo_fami-missm-fse.png')); ?>">
                    </a>
                    <br>
                </div>
            </div>

        </div>

        <div class="col-md-4">

            <div class="titulo">
                Entidades colaboradoras
            </div>
            <div class="row">
                <div class="col-sm-6 col-xs-6">
                    <a href="http://www.inclusionyempleo.es" target="_blank">
                        <img class="img-responsive" style="background-color: #002e79;" src="<?php echo e(asset('img/inclusionyempleo_logo.png')); ?>">
                    </a>
                </div>
            </div>

        </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>
   var currentPage = location.hash.substr(1) || 1;
   $("ul.pager").quickPagination(
        {pagerLocation: "top", pageSize: "4", currentPage: currentPage}
   );
   
   $('document').ready(function () {
        $("ul.simplePagerNav li a").click(function(){
            location.hash = this.rel
        })
       /*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(); ?>