@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>-->

<div class="container mycontainer">
    <div class="home-spacer"></div>
    <div class="intro-wrapper">
        <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>
    </div>
</div>

<div class="col-md-12">
    <div class="spacer"></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="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: 5000 //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')
@stop