@extends('layouts.base')

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

@section('title')
Oferta formativa de Radio ECCA
@stop
@section('description')
Graduado escolar a distancia, graduado escolar para adultos, formación online, graduado en educación secundaria, bachillerato, formación profesional, graduado adultos, graduado en eso,  idiomas.
@stop

@section('content')
{!! Breadcrumbs::render('study') !!}


<div class="container">
    <div class="titulo_categoria">
        <span>Oferta formativa ECCA</span>
    </div>
    <!--    <div class="starred-container">
            <div class="col-md-12">
                <div class="titulo">
                    <span style="top: 2px; color: orange" class="glyphicon glyphicon-star-empty" aria-hidden="true"></span> Tablón de cursos destacados
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    @foreach ($posts as $post)
                    <div class="col-md-3 col-xs-6" style="margin-bottom: 35px;">
                        <a class="image-item" target="_blank" href="{{ $post['image'] }}">
                            <img class="img-responsive grayscale50" src="{{ $post['image'] }}">
                        </a>
                        <center>
                            <div style="margin-top: 5px;"></div>
                            @foreach ($post['labels'] as $label)
                            <a target="_blank" href="{{ $label }}" style="margin-top: 20px">
                                <button type="button" class="btn btn-primary">info - matrícula</button>
                            </a>
                        </center>
                        @endforeach
                    </div>
                    @endforeach
                </div>
            </div>
        </div>-->
    <div class="col-md-12">
        <div class="titulo">
            Oferta completa
        </div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="{{ route('study-ges') }}" class="image-substitute">
                            Graduado en Educación Secundaria
                        </a>
                    </h3>
                </div>
                <div class="caption">
                    <p class="text-justify">Titulación mínima en el Estado español que proporciona la formación básica que le permitirá acceder a estudios superiores.</p>
                </div>
                <!--<div class="center">
                    <a href="{{ route('study-ges') }}" class="btn btn-primary" role="button">Entrar</a>
                </div>-->
            </div>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="{{ route('study-bachelor') }}" class="image-substitute">
                            Bachillerato
                        </a>
                    </h3>
                </div>
                <div class="caption">
                    <p class="text-justify">El Bachillerato tiene como finalidad proporcionar al alumnado formación de carácter general que le permita adquirir una madurez intelectual y humana, y además, acceder a la educación superior.</p>
                </div>
                <!--<div class="center">
                    <a href="{{ route('study-bachelor') }}" class="btn btn-primary" role="button">Entrar</a>
                </div>-->
            </div>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="{{ route('study-fpse') }}" class="image-substitute">
                            F.P. del Sistema Educativo
                        </a>
                    </h3>
                </div>
                <div class="caption">
                    <p class="text-justify">Estos estudios están dirigidos a todas aquellas personas que deseen actualizar su cualificación profesional y cuyos horarios personales y laborales no sean compatibles con la oferta presencial.</p>
                </div>
                <!--<div class="center">
                    <a href="{{ route('study-fpse') }}" class="btn btn-primary" role="button">Entrar</a>
                </div>-->
            </div>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="{{ route('study-aa') }}" class="image-substitute">
                            Aula Abierta y F.P. para el Empleo
                        </a>
                    </h3>
                </div>
                <div class="caption">
                    <p class="text-justify">Cursos que favorecen la formación continua y permanente de acuerdo con las exigencias que la sociedad actual plantea.</p>
                </div>
                <!--<div class="center">
                    <a href="{{ route('study-aa') }}" class="btn btn-primary" role="button">Entrar</a>
                </div>-->
            </div>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="{{ route('study-alfabetizacion') }}" class="image-substitute">
                            Alfabetización y Cultura popular
                        </a>
                    </h3>
                </div>
                <div class="caption">
                    <p class="text-justify">
                    Mucho más que unir letras para formar palabras. Se trata de alfabetizar aprendiendo a analizar, interpretar y participar de la realidad en que vivimos, abordando temas de interés para las personas adultas.
                    </p>
                </div>
                <!--<div class="center">
                    <a href="{{ route('study-aa') }}" class="btn btn-primary" role="button">Entrar</a>
                </div>-->
            </div>
        </div>
        <div class="col-md-4 important">
            <br>
            <div class="col-xs-12">
                <img class="img-responsive" src="{{ asset('img/study-photo.jpg') }}">
            </div>
            <br>
            <div class="col-xs-12 wrapper-important">
                <a href="{{ route('study-aa-starred') }}">Cursos destacados</a>
            </div>
            <div class="col-xs-12 wrapper-important2">
                <a href="{{ route('study-methodology') }}">Metodología</a>
            </div>
            <div class="col-xs-12 wrapper-important2">
                <a href="{{ route('study-advantages') }}">Ventajas</a>
            </div>
            <div class="col-xs-12 wrapper-important2">
                <a href="{{ route('study-certification') }}">Certificaciones</a>
            </div>
        </div>
    </div>
</div>

<div class="spacer"></div>
<div class="image-viewer hide">
    <img id="load-image" class="img-responsive">
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}

<script>
   $(".image-item").click(function (event) {
       event.preventDefault();
       var href = $(this).attr("href");
       $(".image-viewer").removeClass("hide");
       $("#load-image").attr("src", href);
   });
   $(".image-viewer").click(function () {
       $(this).addClass("hide");
   });
</script>
@stop