@extends('layouts.base')

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

@section('title')
Portal del alumno
@stop
@section('description')
El portal del alumno facilita el acceso a las principales herramientas de estudio: banco de clases, acceso a la plataforma y blogs ECCA
@stop

@section('content')
{!! Breadcrumbs::render('student') !!}
<div class="image-viewer hidden">
   <div style="max-width: 768px; height: auto; margin:auto; padding-top: 50px;">
      <div id="videoContainer" class="embed-responsive embed-responsive-16by9">
      </div>
   </div>
</div>
<div class="container"><center>
   <div class="titulo_categoria">
      <span>Soy alumno/a ECCA</span>
   </div>
   <!--      <div class="col-md-12 titulo">
            ¿Qué quieres estudiar?
         </div>-->
   <div class="row">
      <div class="col-md-12 important">
	  
         <div class="col-md-3 col-xs-12 wrapper-important">
            <a href="https://miecca.eccaonline.org/#" style="font-size: 20px">Acceder a MiECCA</a>
         </div>

         <div class="col-md-3 col-xs-12 wrapper-important">
            <a href="{{ route('study-bank-class') }}" style="font-size: 20px">Banco de clases</a>
         </div>

         <div class="col-md-3 col-xs-12 wrapper-important">
            <a href="{{ route('study-access') }}" style="font-size: 20px">Acceso a formación online</a>
         </div>

         <div class="col-md-3 col-xs-12 wrapper-important2">
           <span style="color: #0069ad;
                  font-size: 12px;
                  position: absolute;
                  top: -15px;
                  left: 15px;">
               <i class="fa fa-star-o"></i>
               Nuevo
            </span>
            <a href="{{ route('diferenciate') }}" style="font-size: 20px; cursor:pointer">
               ¿Qué es Diferéncia
               <span style="font-size: 20px; color: red; margin-left: -5px; font-weight: 400;margin-right: -5px">TE </span>?
            </a>
            <!--<a id="videoYoutube" title="Ver video presentación del programa DiferénciaTe" style="font-size: 18px; cursor:pointer">
               Vídeo presentación Diferéncia<span style="font-size: 18px; color: red; margin-left: 0px; font-weight: 400;">TE</span>
            </a>-->
         </div>

      </div> 

  </div>
   <div class="spacer"></div>
   <div class="row">
 
      <div class="col-sm-3">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none" target="_blank" href="https://miecca.eccaonline.org/#" class="image-substitute">
                  MiECCA
               </a>
            </div>
            <div class="caption">
               <!--<h3>Graduado en educación secundaria</h3>-->
               <p>Acceder a su cuenta personal en la aplicación MiECCA para hacer y consultar sus matrículas, ver notas, etc.</p>
            </div>
            <div class="center">
               <a target="_blank" href="https://miecca.eccaonline.org/" class="btn btn-primary" role="button">ACCEDER</a>                     
            </div>
         </div>
      </div>
      <div class="col-sm-3">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none" target="_blank" href="http://gesenecca.blogspot.com.es/" class="image-substitute">
                  Blog de GES
               </a>
            </div>
            <div class="caption">
               <!--<h3>Graduado en educación secundaria</h3>-->
               <p>Acceso al blog de los estudios de Graduado en Educación Secundaria de Radio ECCA.</p>
            </div>
            <div class="center">
               <a target="_blank" href="http://gesenecca.blogspot.com.es/" class="btn btn-primary" role="button">Ir al blog</a>                     
            </div>
         </div>
      </div>
      <div class="col-sm-3">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none" target="_blank" href="http://bachilleratoenecca.blogspot.com.es/" class="image-substitute">
                  Blog de Bachillerato
               </a>
            </div>
            <div class="caption">
               <!--<h3>Bachillerato</h3>-->
               <p>Acceso al blog de bachillerato de Radio ECCA.</p>
            </div>
            <div class="center">
               <a target="_blank" href="http://bachilleratoenecca.blogspot.com.es/" class="btn btn-primary" role="button">Ir al blog</a>                     
            </div>
         </div>
      </div>
      <div class="col-sm-3">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none; color: #312e89"
                  href="https://feyalegria-lms.cclearning.accenture.com/"
                  class="image-substitute" target="blank">
                  Diferéncia<span style="color: #ec1814">TE</span>
               </a>
            </div>
            <div class="caption">
               <p>Programa de formación, mejora de la empleabilidad e inserción laboral
               </p>
               <img class="center" style="border-radius: 0px; height: auto; opacity: 0.7" width="185" src="{{ asset('img/accenture.jpg') }}" title="Financiación Accenture">
            </div>
            
            <div class="center">
               <a target="_blank" class="btn btn-primary" 
               href="https://feyalegria-lms.cclearning.accenture.com/">
                  Acceder
               </a>
            </div>
         </div>
      </div>
      </div>
   </div>
</center></div>
<div class="spacer"></div>
<!-- /.row -->
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
<style>
   .image-viewer{
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      top: 0px;
      bottom: 0px;
      z-index: 9999;
   }
</style>
<script>
   $("#videoYoutube").click(function () {
      $("#videoContainer").html('<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/RTgU3rdrr14"></iframe>');
      $(".image-viewer").removeClass("hidden");
   });
   $(".image-viewer").click(function () {
      $("#videoContainer").html('');
      $(this).addClass("hidden");
   })
</script>
@stop