@extends('layouts.base')

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

@section('title')
{{Lang::get('studies.aulaAbiertaOnline.estudios aula abierta - online')}}

@stop
@section('description')
{{Lang::get('studies.aulaAbiertaOnline.gran oferta de cursos de diferentes ambitos')}}
@stop

@section('content')
{!! Breadcrumbs::render('study-aa-online') !!}
<div class="container">
    <div class="titulo_categoria">
        <span>{{Lang::get('studies.aulaAbiertaOnline.aula abierta y fp empleo')}}</span>
        <div class="subtitulo_categoria">{{Lang::get('studies.aulaAbiertaOnline.cursos online')}}</div>
    </div>
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#listado">{{Lang::get('studies.aulaAbiertaOnline.listado de cursos')}}</a>
        </li>
        <li>
            <a data-toggle="tab" href="#matricula">{{Lang::get('studies.aulaAbiertaOnline.como 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>{{Lang::get('studies.aulaAbiertaOnline.buscar')}}</p>
                    </label>
                    <input type="text" id="search" placeholder="{{Lang::get('studies.aulaAbiertaOnline.busque aqui 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>
                        {{Lang::get('studies.aulaAbiertaOnline.pinchando en el curso que desee')}}
                    </p>
                    <ul>
                        <li>
                            <p>
                                <a href="{{ route('study-methodology') }}"> {!! Lang::get('studies.aulaAbiertaOnline.todos nuestros cursos') !!} </a>
                            </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