@extends('layouts.base')

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

@section('title')
{{Lang::get('student.portal del alumno')}}
@stop
@section('description')
   {{Lang::get('student.el portal del alumno facilita')}}
@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">
   <div class="titulo_categoria">
      <span>{{Lang::get('student.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-4 col-xs-12 wrapper-important">
            <a href="{{ route('study-bank-class') }}">{{Lang::get('student.banco de clases')}}</a>
         </div>
         <div class="col-md-4 col-xs-12 wrapper-important">
            <a href="{{ route('study-access') }}">{{Lang::get('student.acceso a formación online')}}</a>
         </div>
         <div class="col-md-4 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>
               {{Lang::get('student.nuevo')}}
            </span>
            <a href="{{ route('diferenciate') }}" style="font-size: 23px; cursor:pointer">
               {!! Lang::get('student.que es diferenciate') !!}
            </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-4">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none" target="_blank" href="http://gesenecca.blogspot.com.es/" class="image-substitute">
                  {{Lang::get('student.blog de ges')}}
               </a>
            </div>
            <div class="caption">
               <!--<h3>Graduado en educación secundaria</h3>-->
               <p>{{Lang::get('student.acceso al blog de los estudios')}}</p>
            </div>
            <div class="center">
               <a target="_blank" href="http://gesenecca.blogspot.com.es/" class="btn btn-primary" role="button">{{Lang::get('student.ir al blog')}}</a>
            </div>
         </div>
      </div>
      <div class="col-sm-4">
         <div class="thumbnail">
            <div class="image-substitute-wrapper">
               <a style="text-transform: none" target="_blank" href="http://bachilleratoenecca.blogspot.com.es/" class="image-substitute">
                  {{Lang::get('student.blog de bachillerato')}}
               </a>
            </div>
            <div class="caption">
               <!--<h3>Bachillerato</h3>-->
               <p>{{Lang::get('student.acceso al blog de bachillerato')}}</p>
            </div>
            <div class="center">
               <a target="_blank" href="http://bachilleratoenecca.blogspot.com.es/" class="btn btn-primary" role="button">{{Lang::get('student.ir al blog')}}</a>
            </div>
         </div>
      </div>
      <div class="col-sm-4">
         <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">
                  {!! Lang::get('student.diferenciate') !!}
               </a>
            </div>
            <div class="caption">
               <p>{{Lang::get('student.programa de formacion')}}
               </p>
               <img class="center" style="border-radius: 0px; height: auto; opacity: 0.7" width="185" src="{{ asset('img/accenture.jpg') }}" title="{{Lang::get('student.financiacion accenture')}}">
            </div>
            
            <div class="center">
               <a target="_blank" class="btn btn-primary" 
               href="https://feyalegria-lms.cclearning.accenture.com/">
                  {{Lang::get('student.acceder')}}
               </a>
            </div>
         </div>
      </div>
      </div>
   </div>
</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