@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/landing.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/homeSlider.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/cookie.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/twitter.css')->withFullUrl() !!}
@stop

@section('title')
Radio ECCA. Fundación Canaria. Centro de educación para adultos.
@stop
@section('description')
Bienvenido a la web oficial de Radio ECCA. Educación a distancia. Cursos Online. Formación para adultos.
@stop
@section('content')

<!-- Header Carousel -->
@include('includes.sliderHome')

{{--
<!--
<div class="anuncio" style="background-color: rgba(255,255,255,0.95);padding-top: 20px">
    <center>
        <h4>¿Le ayudamos?</h4>
        <p>Ahora puede contactar con nosotros también a través de Whatsapp.</p>
        <div style="font-family: arial; font-size: 25px">
            <i class="fa fa-whatsapp" aria-hidden="true" style="color: #25d366"></i>
            <a style="color: #454545; font-weight: 600;" href="tel:+34677911010">677 911 010</a>
            <span style="color: #34b7f1; font-size: 20px;">
                <i style="margin-left: -5px" class="fa fa-check" aria-hidden="true"></i>
                <i style="margin-left: -17px"class="fa fa-check" aria-hidden="true"></i>
            </span>
        </div>
    </center>
    <div style="font-size: 10px">
        *Los mensajes de whatsapp enviados durante el fin de semana serán atendidos a partir del lunes.
    </div>
</div>
-->
--}}

{{-- CUERPO DE LA PAGINA --}}
<div class="container mycontainer">
   <br><br>

    {{--
    <!-- RECUADRO DE AVISOS con borde grueso
    <div class="row">
        <br>
        <div style="width: 100%; border: 5px solid Black; overflow: visible; box-shadow: 0px 0px 0px #888888; position: relative; padding: 15px 15px 15px 15px;">
            <center>
                <p style="color: #FF0000; font-size: 18px">
                    <b>Estimado alumnado:</b>
                    A continuación nos gustaría saber cómo accede y oye sus clases.
                </p>
                <p>
                    <b>Para ello pinche en el siguiente enlace. Es una encuesta muy sencilla y anónima.
                        <a href="https://forms.gle/79w54zFaUQzH1XnaA" target="_blank"><u>LINK A LA ENCUESTA.</u></a>.
                    </b>
                </p>
            </center>
        </div>
    </div>
    -->
    --}}
  {{--
    
    <!-- RECUADRO DE AVISOS con borde grueso 
    <div class="row">
        <br>
        <div style="width: 100%; border: 5px solid Black; overflow: visible; box-shadow: 0px 0px 0px #888888; position: relative; padding: 15px 15px 15px 15px;">
            <br>   
            <p style="color: #FF0000; font-size: 18px">
                <b>COMUNICADO PARA CANARIAS: </b>Ante la situación de <b>Alerta Máxima</b> declarada por el Gobierno de Canarias por fenómeno meteorológico adverso y siguiendo las
                   instrucciones de la Dirección General de Seguridad y Emergencias y de la Excma. Sra. Consejera de Educación, Universidades, Cultura y Deportes, en relación a la <b>suspensión de la actividad lectiva </b> por
                   parte del Gobierno de Canarias, el lunes, 26 de septiembre, queda <b>suspendida la totalidad de la actividad presencial en todas las islas, manteniéndose la atención virtual y telefónica.</b> </p>
			<p style="color: #FF0000; font-size: 18px"> Nuestra radio, debido a su condición de servicio de información a la población, emitirá la programación habitual.</p>
  			<p style="color: #FF0000; font-size: 18px">A través de este canal y de nuestra radio, actualizaremos la información. <p>
			<p style="color: #FF0000; font-size: 18px"> Rogamos a toda la población que actúe y siga las recomendaciones de nuestro Gobierno y extremen las medidas de autoprotección.</p>
            <p style="color: #FF0000; font-size: 18px"> Atentamente</p>
              <p style="color: #FF0000; font-size: 18px">Dirección de Radio ECCA.</b>
           
            </p>
        </div>
    </div> 
   

   
    <!-- 2020-03-14 Carlos: 2da opcion para la info del Coronavirus, un boton de fondo rojo. -->
    <!--    IMPORTANTE: borrar el atributo "box-shadow" hace que el botón desaparezca -->
    <!-- 2020-03-17 Carlos: ocultar el mensaje de ALERTA NACIONAL -->
    <!--
    <div class="row">
        <div style=" width: 100%; border: 5px solid Black; overflow: visible; box-shadow: 0px 0px 0px #888888; position: relative; padding: 15px 15px 15px 15px;">
            <a href="{{ route('covid-19') }}">
                <button style=" position: absolute; background: RED; color: white; top: 0px; right: 0px;" >
	            <spc>Información CORONAVIRUS<spc>
            	</button>
            </a>
            <h0 style="color: red; font-size: 32px"><b>ALERTA NACIONAL</b></h1>
            <h2 style="color: black; font-size: 20px">
	            Estimado alumnado:
	            <br><br>
                La actual situación de ALARMA NACIONAL, nos impide el seguimiento normal de nuestra actividad.
	            <br><br>
                Estamos trabajando para informarles en este mismo medio, lo más pronto posible, sobre cómo actuaremos durante el período en el que esté vigente esta situación.
	            <br><br>
                Muchas gracias por su compresión, trabajamos por y para usted.
            </h2>
        </div>
    </div>
    -->
    --}}
    {{--
    <!--
    <div class="row">
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-2 col-sm-2 col-xs-3">
                    <img src="{{ asset('img/summer.jpg') }}" class="img-responsive">
                </div>
                <div class="col-md-10 col-sm-10 col-xs-9">
                    <a target="_blank" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/oferta_verano_ges/">
                        <p style="font-size: 25px;">
                            Oferta de verano acreditable para Graduado en Educación Secundaria
                        </p>
                    </a>
                    <p style="letter-spacing: 1px; text-align: justify; line-height: 25px;">
                        MATRÍCULA ABIERTA HASTA EL 31 DE AGOSTO DE 2017
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="row">
                <div class="col-md-2 col-sm-2 col-xs-3">
                    <img src="{{ asset('img/summer.jpg') }}" class="img-responsive">
                </div>
                <div class="col-md-10 col-sm-10 col-xs-9">
                    <a target="_blank" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/oferta_verano/">
                        <p style="font-size: 25px;">
                            Oferta de verano acreditable para Bachillerato
                        </p>
                    </a>
                    <p style="letter-spacing: 1px; text-align: justify; line-height: 25px;">
                        MATRÍCULA ABIERTA HASTA EL 31 DE AGOSTO DE 2017
                    </p>
                </div>
            </div>
        </div>
    </div>
    -->
    --}}

    {{--
    <!--
    <div class="container">
        <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class=" embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/_CLBNswd77s" frameborder="0"></iframe>
                </div>
            </div>
        <div class="col-md-3"></div>
    </div>
    -->
    --}}

    {{--
    <!--
    <div class="container">
        <div class="col-md-6">
            <h3>La educación nos protege, protejamos su financiación, Campaña Mundial por la Educación 2016</h3>
            <p style="letter-spacing: 1px; text-align: justify; line-height: 25px;">
                Este año durante la Semana Mundial por la Educación (SAME) que se celebra del 25 al 30 de abril, queremos llamar la atención
                sobre el papel de protección que la educación ejerce para todas las personas del mundo y la necesidad de que los Estados destinen
                los recursos necesarios para su adecuada financiación.
            </p>
            <a href="http://www.cme-espana.org/same/#lasame2016" target="_blank"> Más información aquí.</a>
            <br><br>
        </div>
        <div class="col-md-6">
            <div class=" embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eVN8iOSnf6Y" frameborder="0"></iframe>
            </div>
        </div>
    </div>
    -->
    --}}

    {{--
    <!--
    <div class="container">
        <div style="text-align:center">
        <audio controls> <source src="{{ asset('files/feliz_navidad.mp3') }}" type="audio/mpeg"> Tu navegador no soporta este audio </audio>
        </div>
    </div>
    -->
    --}}

    <br>
    {{-- 4 CIRCULOS DE GRAN TAMAÑO CON LAS OPCIONES PRINCIPALES --}} 
    <div class="intro-wrapper">
 
        <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
            <a href="https://ecca.edu.es/" target ="_blank">
                <div class="button_landing">
                    <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                    <div class="summary_title">{{ Lang::get('home.b1.title') }}</div>
                    <div class="summary_text"> {{ Lang::get('home.b1.subtitle') }}</div>
                </div>
            </a>
        </div>
      
        <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
            <a href="{{ route('student-beta') }}">
                <div class="button_landing">
                    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                    <div class="summary_title">{{ Lang::get('home.b2.title') }}</div>
                    <div class="summary_text"> {{ Lang::get('home.b2.subtitle') }}</div>
                </div>
            </a>
        </div>

        <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
            <a href="{{ route('news') }}">
                <div class="button_landing">
                    <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
                    <div class="summary_title">{{ Lang::get('home.b3.title') }}</div>
                    <div class="summary_text"> {{ Lang::get('home.b3.subtitle') }}</div>
                </div>
            </a>
        </div>

        <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
            <a href="{{ route('social-action') }}">
                <div class="button_landing">
                    <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                    <div class="summary_title">{{ Lang::get('home.b4.title') }}</div>
                    <div class="summary_text"> {{ Lang::get('home.b4.subtitle') }}</div>
                </div>
            </a>
        </div>

    </div>
    {{-- fin de "intro-wrapper" --}}
 
    {{-- Día de la Mujer 2021-03-08 --}}
    <div class="row">
       <center> 
		    <button type="button" class="btn  btn-lg" >
                <a href="{{ route('canarias-migrante') }}" >
                    <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
                    <h3 style="color: #0069ad">Canarias también fue migrante</h3>
                </a>
            </button>
        <center>
    </div>

</div>
{{-- FIN DEL CUERPO DE LA PAGINA --}}

<div class="col-md-12">
    <div class="spacer"></div>
</div>

<div class="home-spacer"></div>

<div id="twitter" class="twitter">
    <span class="twitter_icon" style="background-image: url('img/socials/white-twitter.png')">
        {{--<img src="img/socials/white-twitter.png">--}}
    </span>
    <h3>{{ Lang::get('home.twitter') }}</h3>
    <a id="tweet-write" href="https://twitter.com/intent/tweet?via=radioecca">Tweet a Radio ECCA</a>
    <div class="twitterAjax"> Cargando Tweets... </div>
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
<script>
 $('.carousel').carousel({
       interval: 4000 //changes the speed
     });

 $('document').ready(function () {
   $.get("{{ route('ajax-twitter', ['keySearch' => 'radioecca', 'cacheName' => 'cache_twitters_global', 'nTwit' => 15]) }}")
   .done(function (data) {
     $(".twitterAjax").html(data);
   })
   .fail(function () {
     $(".twitterAjax").html("No se pudo cargar Twitter");
   });
 });

 $('body').click(function (evt) {
   if (evt.target.id === "tweet-write") {
     if (twit) {
       $(".twitter_icon").click();
     }
   } else if (evt.target.id === "twitter") {
     return;
   } else if ($(evt.target).closest('#twitter').length) {
     return;
   }
   if (twit) {
     $(".twitter_icon").click();
   }
 });
</script>
@include('includes.twitterWebIntentScript')
@if($ad->getActive())
@include('includes.notification')
@endif
@stop