@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/study.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/studyStarred.css')->withFullUrl() !!}
@stop

@section('title')
Oferta de cursos destacados de Aula Abierta
@stop
@section('description')
Vea aquí los cursos destacados o con promociones especiales en Radio ECCA. Próxima oferta formativa. Educación.
@stop

@section('content')
{!! Breadcrumbs::render('study-aa-starred') !!}
<div class="container">
    <div class="titulo_categoria">
        <span>Cursos destacados</span>
    </div>
    <div class="row starred-wrapper">
        <!--        <div class="col-md-3 item-wrapper">
                    <div class="item" style=" background-image: url( {{ asset('img/cabeceras/anio_escolar_irlanda.jpg') }} )">
                        <div class="wrapper-claim">
                            <div class="claim-text">
                                <h6 style="font-size: 14px; color: orange; padding-top: 5px;"><i class="fa fa-star-o"></i> Oferta de verano</h6>
                                <h1>Cursos acreditables para bachillerato</h1>
                                <p>
                                    Tiempo de formación
                                </p>
                                <a class="btn btn-large btn-primary" style="background-color: orange !important; color: #444444 !important; font-weight: 600; border-color: orange" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/oferta_verano/" target="_blank" >
                                    Infórmese <span>aquí</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>-->
        <!--        <div class="col-md-3 item-wrapper">
                    <div class="item" style=" background-image: url( {{ asset('img/cabeceras/student_training.jpg') }} )">
                        <div class="wrapper-claim">
                            <div class="claim-text">
                                <h6 style="font-size: 14px; color: orange; padding-top: 5px;"><i class="fa fa-star-o"></i> Oferta de verano</h6>
                                <h1>Cursos acreditables para graduado en educación secundaria</h1>
                                <p>
                                    Tiempo de formación
                                </p>
                                <a class="btn btn-large btn-primary" style="background-color: orange !important; color: #444444 !important; font-weight: 600; border-color: orange" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/oferta_verano_ges/" target="_blank" >
                                    Infórmese <span>aquí</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>-->
        <div class="col-md-3 item-wrapper">
            <div class="item" style=" background-image: url( {{ asset('img/cabeceras/destacados/interculturalidad.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Actuaciones de sensibilización
                            que fomenten la interculturalidad
                            en Centros Educativos
                        </h1>
                        <a class="btn btn-large btn-primary" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/sensibilizacion_interculturalidad" target="_blank" >
                            Infórmese <span>aquí</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="col-md-3 item-wrapper">
            <div class="item" style=" background-image: url( {{ asset('img/cabeceras/destacados/alicante.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Formación y apoyo al empleo para jóvenes en Alicante</h1>
                        <p>
                            No deje pasar esta oportunidad.
                        </p>
                        <a class="btn btn-large btn-primary" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/jovenesalicante/" target="_blank" >
                            Infórmese <span>aquí</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>-->
        <div class="col-md-3 item-wrapper">
            <div class="item" style="background-image: url( {{ asset('img/cabeceras/destacados/acreditaciones_externas2.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Acreditaciones externas</h1>
                        <p style="font-size: 10px">
                            -ESSSCAN (Escuela de Servicios Sociosanitarios de Canarias)<br>
                            -Dirección General de Ordenación, Innovación y Promoción Educativa del Gobierno de Canarias<br>
                            -ULPGC (Universidad de Las Palmas de Gran Canaria)
                        </p>
                        <a class="btn btn-large btn-primary" href="http://www.radioecca.net/tele_formacion/n_externas.html" target="_blank" >
                            Infórmese <span>aquí</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 item-wrapper">
            <div class="item" style=" background-image: url( {{ asset('img/cabeceras/destacados/universidad-sevilla.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Formación para el alumnado de la universidad de Sevilla</h1>
                        <p>
                            No deje pasar esta oportunidad.
                        </p>
                        <a class="btn btn-large btn-primary" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/andalucia/" target="_blank" >
                            Infórmese <span>aquí</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="col-md-3 item-wrapper">
            <div class="item" style="background-image: url( {{ asset('img/cabeceras/rubrica.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Formación del profesorado</h1>
                        <p>
                            Cursos homologados por la Consejería de Educación del Gobierno de Canarias.
                        </p>
                        <a class="btn btn-large btn-primary" href="{{ route ('study-aa-online', [ 'clave'=>'Formación del profesorado' ]) }}" >
                            Infórmese <span>aquí</span>
                        </a>
                        <a class="btn btn-large btn-primary" style="background-color: orange !important; color: #444444 !important; font-weight: 600; border-color: orange" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/profesorado/" target="_blank" >
                            Matriculese <span>ahora</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>-->
        <div class="col-md-3 item-wrapper">
            <div class="item" style="background-image: url( {{ asset('img/cabeceras/time_to_speak.jpg') }} )">
                <div class="wrapper-claim">
                    <div class="claim-text">
                        <h1>Cursos de inglés</h1>
                        <p>
                            ¿Hablamos en inglés? Consulte los niveles disponibles.
                        </p>
                        <a class="btn btn-large btn-primary" target="_blank" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/cursosdeingles/">
                            Infórmese <span>aquí</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--        <div class="col-md-3 item-wrapper">
                    <div class="item" style="background-image: url( {{ asset('img/cabeceras/destacados/competencias-clave.jpg') }} )">
                        <div class="wrapper-claim">
                            <div class="claim-text">
                                <h1 style="">Competencias clave</h1>
                                <p style="">
                                    BECADO PARA CANARIAS – PLAZAS LIMITADAS
                                </p>
                                <a class="btn btn-large btn-primary" target="_blank" href="http://www.radioecca.net/tele_formacion/catalogo/competenciasclave">
                                    Infórmese <span>aquí</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>-->

        <!--        <div class="col-md-3 item-wrapper">
                    <div class="item" style="background-image: url( {{ asset('img/cabeceras/destacados/cursos-becados-para-canarias.jpg') }} )">
                        <div class="wrapper-claim">
                            <div class="claim-text">
                                <h1>Cursos becados</h1>
                                <p>
                                    No deje pasar esta oportunidad.
                                </p>
                                <a class="btn btn-large btn-primary" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/cursos_becados/" target="_blank" >
                                    Infórmese <span>aquí</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>-->
        <!--              <div class="col-md-3 item-wrapper">
                         <div class="item" style="background-image: url( {{ asset('img/cabeceras/manipulacion.jpg') }} )">
                            <div class="wrapper-claim">
                               <div class="claim-text">
                                  <h1>Cursos con reconocimiento ESSSCAN</h1>
                                  <p>
                                     Escuela de Servicios Sanitarios y Sociales de Canarias.
                                  </p>
                                  <a class="btn btn-large btn-primary" href="{{ route ('study-aa-online') }}#essscan" >
                                     Infórmese <span>aquí</span>
                                  </a>
                               </div>
                            </div>
                         </div>
                      </div>-->
    </div>
    <div class="spacer"></div>
    <div class="col-md-12 titulo">
        Próximos cursos en Aula Abierta Radio ECCA.
    </div>
    <div class="starred-container">
        <div class="row">
            <div class="spacer"></div>
            @foreach ($posts as $post)
            <div class="col-md-4 col-xs-12" style="margin-bottom: 35px;">
                <a class="image-item" target="_blank" href="{{ $post['image'] }}">
                    <img class="img-responsive grayscale50" src="{{ $post['image'] }}">
                </a>
            </div>
            @endforeach
        </div>
    </div>
    <div class="row important">
        <div class="col-md-12 col-xs-12 wrapper-important">
            <a href="{{ route('study') }}">
                Ver más oferta formativa
            </a>
        </div>
    </div>
</div>
<div class="spacer"></div>
<div class="image-viewer hide">
    <img id="load-image" class="img-responsive">
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
<script>
   $(".image-item").click(function (event) {
       event.preventDefault();
       var href = $(this).attr("href");
       $(".image-viewer").removeClass("hide");
       $("#load-image").attr("src", href);
   });
   $(".image-viewer").click(function () {
       $(this).addClass("hide");
   });
</script>
@stop