@extends('layouts.basebeta')

@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.sliderHomeBeta')
<!--<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>-->

<div class="container mycontainer">
 <div class="row">

        <!-- 2021-01-04 Laura: nuevo mensaje de aviso alumnado -->

        <br>

        <div style="
            width: 100%;
            border: 5px solid Black;
            overflow: visible;
            <!-- IMPORTANTE: comentar o eliminar el atributo box-shadow hace que el boton desaparezca -->
            box-shadow: 0px 0px 0px #888888;
            position: relative;
            padding: 15px 15px 15px 15px;
            "
        >
            <h2 style="font-size: 21px"></b>COMUNICADO PARA NUESTRO ALUMNADO:</h2>
            <br>
            Estimado alumnado le recordamos que:<br><br>
			La <b>CONSEJERÍA DE EDUCACIÓN, UNIVERSIDADES, CULTURA Y DEPORTES, comunica que </b> en las actuales circunstancias epidemiológicas, <b>el inicio de las clases</b> del segundo trimestre se realizará el <b> lunes 11 de enero del 2021</b> en todos los <b>Centros Educativos de Canarias </b>. <br><br>
			Por este motivo, <b> el profesorado, retomará de nuevo las tutorías</b> el <b>11</b> de <b>enero</b>.<br><br>
			Reciba un cordial saludo
			<br><br>
        </div>

    </div>
    <div class="row">

        <!-- 2020-12-21 Carlos: nuevo mensaje de aviso para Tfe y La Gomera -->

        <br>

        <div style="
            width: 100%;
            border: 5px solid Black;
            overflow: visible;
            <!-- IMPORTANTE: comentar o eliminar el atributo box-shadow hace que el boton desaparezca -->
            box-shadow: 0px 0px 0px #888888;
            position: relative;
            padding: 15px 15px 15px 15px;
            "
        >
            <h2 style="font-size: 21px"></b>COMUNICADO PARA NUESTRO ALUMNADO EN TENERIFE Y LA GOMERA:</h2>
            <br>
            A partir de hoy 21 de Diciembre, por las nuevas restricciones que afectan a la isla de Tenerife y La Gomera, se suspende la
            atención presencial en los Centros de Orientación hasta nuevo aviso. Para más información póngase en contacto con sus tutores.
            <br><br>
        </div>

    </div>

  <!-- 2020-03-14 Carlos: 2da opcion para la info del Coronavirus, un boton de fondo rojo -->
  <!-- 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>
-->

<!-- 2020-03-27 Carlos: -->
  <div class="row">

    <div style="
      width: 100%;
      border: 5px solid Black;
      overflow: visible;
      <!-- IMPORTANTE: comentar o eliminar el atributo box-shadow hace que el boton desaparezca -->
      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>

      <h1 style="font-size: 28px"><b>Matrícula abierta - Curso 20-21</b></h1>
	  <br><h2 style="font-size: 18px">
	<br>  
	Como cada septiembre, Radio ECCA pone en marcha el nuevo curso escolar en Formación Básica Inicial, GES, Bachillerato y Ciclos de Formación Profesional del Sistema Educativo. Afrontamos este nuevo año 2020-2021 con ilusión y energías renovadas tras el periodo de verano y a pesar de las circunstancias que vivimos debido a la pandemia por COVID-19.
	<br><br><br>
	Así, desde el día 2 de septiembre, todos los centros zonales estarán abiertos para atender al alumnado y a partir del 17 de septiembre también abrirán los centros de orientación.
	<br><br><br>

	Desde hoy, Radio ECCA reanuda la actividad de los Blogs del Bachillerato y Formación Básica, a través de los cuales le iremos haciendo llegar toda la información relativa a la evolución del curso: inicio de módulos, fechas de evaluación, actividades, etc. y todas aquellas novedades que puedan ayudarle en su tarea diaria.

	<br><br><br>
	¡Bienvenido/a!
	<br><br>

      </h2>
    </div>

  </div>
  <div class="row">

    <div style="
      width: 100%;
      border: 5px solid Black;
      overflow: visible;
      <!-- IMPORTANTE: comentar o eliminar el atributo box-shadow hace que el boton desaparezca -->
      box-shadow: 0px 0px 0px #888888;
      position: relative;
      padding: 15px 15px 15px 15px;
      "
    >
  <h1 style="font-size: 28px"><b>COMUNICADO PARA EL ALUMNADO DE FPSE: </h1> 
	  <br> <h2 style="font-size: 21px">Ciclo Superior de Integración Social (Modalidad semipresencial)</b></h2>
	  <br><h2 style="font-size: 18px">
	  Debido a las recientes instrucciones dadas por la Consejería de Educación, le comunicamos que iniciaremos nuestra actividad presencial el lunes 21 de septiembre. 
      <br><br>
	  Recibirá toda la información de manera más detallada en su correo electrónico.
	  <br><br>
	  </h2>

  <br>
     </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/">
            <div style="font-size: 25px;">
              Oferta de verano acreditable para Graduado en Educación Secundaria
            </div>
          </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/">
            <div style="font-size: 25px;">
              Oferta de verano acreditable para Bachillerato
            </div>
          </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>
  <div class="intro-wrapper">

<!-- 2020-03-11 Carlos: Introducido un 5to elemento circular en la pantalla HOME (Info Coronavirus) -->
<!--
    <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
      <a href="{{ route('covid-19') }}">
        <div class="button_landing">
          <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
          <div class="summary_title">
            Coronavirus
          </div>
          <div class="summary_text">
            Informacion importante sobre el Covid-19
          </div>
        </div>
      </a>
    </div>
-->
  
    <div class="col-md-3 col-sm-6 col-xs-12 button-wrapper">
      <a href="{{ route('study') }}">
        <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') }}">
        <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>

  <!-- fin de: div class="intro-wrapper" -->
  </div>

<!-- fin de: div class="container mycontainer" -->
</div>

<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