@extends('layouts.base')

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

@section('title')
Estudios aula abierta - Online
@stop
@section('description')
Gran oferta de cursos de diferentes ámbitos: idiomas, administración, contabilidad, derechos, mejora de capacidades, etc. Cursos online.
@stop

@section('content')
{!! Breadcrumbs::render('study-aa-online') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>Aula Abierta y F.P. empleo</span>
      <div class="subtitulo_categoria">Oferta online</div>
   </div>
   <ul class="nav nav-tabs">
      <li class="active">
         <a data-toggle="tab" href="#listado">Listado de cursos</a>
      </li>
      <li>
         <a data-toggle="tab" href="#matricula">Cómo matricularse</a>
      </li>
   </ul>
   <div class="tab-content">
      <div id="listado" class="tab-pane fade in active">
         <div class="row">
            <div class="col-md-12 info-study">
               <label>
                  <p>Buscar:</p>
               </label>
               <input type="text" id="search" placeholder="Busque aquí su curso..." />
               <div class="table_study">
                  {!! $html !!}
               </div>
            </div>
         </div>
      </div>
      <div id="matricula" class="tab-pane fade in">
         <div class="row">
            <div class="col-md-12 text-justify info-study">
               <p>
                  Pinchando en el curso que desee del listado de la oferta online. Una vez realizada la matrícula, recibirá unas claves que le permitirán el acceso.
               </p>
               <ul>
                  <li>
                     <p>
                        Todos nuestros cursos siguen la <a href="{{ route('study-methodology') }}"> metodología </a> propia de Radio ECCA.
                     </p>
                  </li>
<!--                  <li>
                     <p>
                        Nuestra oferta formativa cuenta con <a target="_blank" href="http://www.radioecca.net/tele_formacion/n_externas.html"> acreditaciones externas</a>.
                     </p>   
                  </li>-->
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="spacer"></div>
<!-- /.row -->
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
<script>
   $(document).ready(function () {
      if (clave) {
         console.log("Existe clave");
         $("#search").val(clave);
         $("#search").keyup();
      }
   });
</script>
@stop