

<?php $__env->startSection('css'); ?>
<?php echo Minify::stylesheet('/css/study.css')->withFullUrl(); ?>

<?php echo Minify::stylesheet('/css/studyStarred.css')->withFullUrl(); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('title'); ?>
Oferta formativa de Radio ECCA
<?php $__env->stopSection(); ?>
<?php $__env->startSection('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.
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php echo Breadcrumbs::render('study'); ?>



<div class="container">
    <div class="titulo_categoria">
        <span>Oferta formativa ECCA</span>
    </div>
    <div class="col-md-12">
        <div class="titulo">
        </div>
    </div>
    <div id="vueCatalogo" idioma=<?php echo e($codIdioma); ?> url=<?php echo e($url); ?> class="row">
        <div class="col-md-8">
        <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="<?php echo e(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>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="<?php echo e(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>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="<?php echo e(route('csis-semipresencial')); ?>" class="image-substitute">
                            Ciclo Superior de Integración Social (modalidad semipresencial)
                        </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>
            <div class="col-md-12">
                <div class="image-substitute-wrapper">
                    <h3>
                        <a href="<?php echo e(route('csis-online')); ?>" class="image-substitute">
                        Ciclo Superior de Integración Social (modalidad online)
                        </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 cuya situación geográfica no les permite formarse de manera presencial o semipresencial.</p>
                </div>
            </div>
            <div v-if="showTitulacionesDisponibles" class="col-md-12">
                <!--<div v-if="getCursosBachillerato.length > 0">
                    <div class="subtitulo">
                        <a data-toggle="collapse" href="#collapseBachillerato" role="button" aria-expanded="false" aria-controls="collapseExample">
                            BACHILLERATO
                        </a>
                    </div>
                    <div class="collapse" id="collapseBachillerato" style="margin-bottom: 2rem;">
                        <div v-for="c in getCursosBachillerato" :key="c.idTitulacion">
                            <div class="image-substitute-wrapper">
                                <h4 style="margin-top: 20px; margin-bottom: 10px;">
                                    <a href="#" v-on:click="goto_route(c)">
                                        {{c.nombreTitulacion}}
                                    </a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="getCursosCicloSuperior.length > 0">
                    <div class="subtitulo">
                        <a data-toggle="collapse" href="#collapseCicloSuperior" role="button" aria-expanded="false" aria-controls="collapseExample">
                            CICLO SUPERIOR
                        </a>
                    </div>
                    <div class="collapse" id="collapseCicloSuperior" style="margin-bottom: 2rem;">
                        <div v-for="c in getCursosCicloSuperior" :key="c.idTitulacion">
                            <div class="image-substitute-wrapper">
                                <h4 style="margin-top: 20px; margin-bottom: 10px;">
                                    <a href="#" v-on:click="goto_route(c)">
                                        {{c.nombreTitulacion}}
                                    </a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="getCursosFormacionBasica.length > 0">
                    <div class="subtitulo">
                        <a data-toggle="collapse" href="#collapseFormacionBasica" role="button" aria-expanded="false" aria-controls="collapseExample">
                            FORMACIÓN BÁSICA
                        </a>
                    </div>
                    <div class="collapse" id="collapseFormacionBasica" style="margin-bottom: 2rem;">
                        <div v-for="c in getCursosFormacionBasica" :key="c.idTitulacion">
                            <div class="image-substitute-wrapper">
                                <h4 style="margin-top: 20px; margin-bottom: 10px;">
                                    <a href="#" v-on:click="goto_route(c)">
                                        {{c.nombreTitulacion}}
                                    </a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>-->
                <div v-for="c in getCursosPropios" :key="c.idTitulacion">
                    <div class="image-substitute-wrapper">
                        <h3>
                            <a href="#" v-on:click="goto_route(c)">
                                <!--{{c.nombreTitulacion}}-->
                                <!-- PONE A MANO EL NOMBRE PARA EL ARRANQUE, MIENTRAS SE ESPERA ACTUALIZACIÓN DEL SGIS -->
                                Aprendizaje a lo largo de la vida
                            </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>
            </div>
            <div v-else class="col-md-12" style="padding-top:15px;">
                Cargando...
            </div>
            
        </div>
        <div class="col-md-4 important">
            <br>
            <div class="col-xs-12">
                <img class="img-responsive" src="<?php echo e(asset('img/study-photo.jpg')); ?>">
            </div>
            <br>
            <!--<div class="col-xs-12 wrapper-important">
                <a href="<?php echo e(route('study-aa-starred')); ?>">CURSOS DESTACADOS</a>
            </div>-->
            <div class="col-xs-12 wrapper-important2">
                <a href="<?php echo e(route('study-methodology')); ?>">METODOLOGÍA</a>
            </div>
            <div class="col-xs-12 wrapper-important2">
                <a href="<?php echo e(route('study-advantages')); ?>">VENTAJAS</a>
            </div>
        </div>
    </div>
</div>

<div class="spacer"></div>
<div class="image-viewer hide">
    <img id="load-image" class="img-responsive">
</div>

<!-- 
    Componente Vue para cargar los datos
-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
    new Vue({
        el: '#vueCatalogo',
        props:{
        },
        
        data: { 
            cursosOficiales: [],
            cursosPropios: [],
            codIdioma:null,
            titOficialesLoaded: false,
            titNoOficialesLoaded:false
        },
        created: function() {},
        computed: {
            getCursosBachillerato: function() {
                return this.cursosOficiales.filter(c => c.bachillerato);
            },
            getCursosCicloSuperior: function() {
                return this.cursosOficiales.filter(c => c.cicloSuperior);
            },
            getCursosFormacionBasica: function() {
                return this.cursosOficiales.filter(c => c.formacionBasica);
            },
            getCursosPropios: function() {
                return this.cursosPropios;
            },
            showTitulacionesDisponibles: function() {
                return this.titOficialesLoaded && this.titNoOficialesLoaded;
            }
        },
        mounted () {
            this.codIdioma = this.$el.attributes.idioma.value
            
            var params = { params: { codIdioma: this.codIdioma } } //Settear el idioma que tiene la pagina en ese momento
           axios
            .get(this.$el.attributes.url.value + '/getTitulacionesOficialesAbiertas', params)
            .then(
                response => {
                    this.titOficialesLoaded = true;
                    this.cursosOficiales = response.data;
                })
                axios
            .get(this.$el.attributes.url.value + '/getTitulacionesNoOficialesAndLibresAbiertas', params)
            .then(
                response => {
                    this.titNoOficialesLoaded = true;
                    this.cursosPropios = response.data;
                })
        },
    
        methods: {
            goto_route: function(curso) {
                if (curso.idTitulacion !== null) {
                    route = "<?php echo e(route('study-estructurados', ['id' => '?id?', 'nombre' => '?nombre?'])); ?>"
                    route = route.replace('?id?', curso.idTitulacion)
                    let nombreTitulacion = curso.nombreTitulacion.replace(/\//g,'-')
                    route = route.replace('?nombre?', nombreTitulacion)
                    location.href = route
                } else { 
                    route = "<?php echo e(route('study-aa')); ?>"
                    location.href = route
                }
            },
        },
        

    });

           
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-code-post'); ?>
<?php echo 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>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>