var pathEn = '/en' + window.location.pathname;
var namePaht = window.location.pathname;
var pathEs = namePaht.substring(3);

var consultaJson = '/json/pregrado.json'

var app = (function() {
    function detecte() {
        var cadena = window.location.pathname;
        var path = cadena.substr(0, 4)

        if (path == '/en/') {
            $('.menuHeader').load('/componentMenu/headerEn.html');
            $('.footer-section').load('/componentMenu/footerEn.html');

        } else {
            $('.menuHeader').load('/componentMenu/header.html');
            $('.footer-section').load('/componentMenu/footer.html');
        }
    }

    return {
        detecte: detecte
    }
})()

app.detecte();

function rutesJson() {
    $.ajax({
        url: consultaJson,
        type: 'GET',
        dataType: 'json',

        success: function(data) {
            var nam, indice, indice2
                // filtro;
            for (var i = 0; i < data.length; i++) {
                nam = data[i].es
                nam2 = data[i].en
                if (nam === namePaht) {
                    indice = data.findIndex(function(ind) {
                        return ind.es === namePaht
                    });
                    var urlEn = data[indice].en
                    $(".data2").attr("href", urlEn)
                } else if (nam2 === namePaht) {
                    indice2 = data.findIndex(function(ind) {
                        return ind.en === namePaht
                    });
                    var urlEs = data[indice2].es
                    $(".data").attr("href", urlEs)
                }
            }

        },
        error: function(xhr, status) {
            // console.log('Disculpe, existió un problema');
        },
        // código a ejecutar sin importar si la petición falló o no
        complete: function(xhr, status) {}
    })
}

rutesJson()

function eventos() {
    $.ajax({
        type: "GET",
        url: "https://viveupc.pe/api/events/list-events/",
        dataType: "json",
        success: function(dataEvents) {
            var contentTaller2 = '';
            var tabItemTaller2 = '';

            if (dataEvents.length === 0) {
                $('.seccion-events').addClass('hidden')
            }
            if (dataEvents.length <= 4) {
                $('.arrow-event').addClass('hidden')
            } else {
                $('.arrow-event').removeClass('hidden')
            }

            for (var index = 0; index < dataEvents.length; index++) {
                var id = dataEvents[index].id;
                var startDay = dataEvents[index].starts_at;

                var uri = dataEvents[index].url;
                var description = dataEvents[index].long_description;
                var titleTaller = dataEvents[index].name;
                var img = dataEvents[index].list_image;

                var months = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Set', 'Oct', 'Nov', 'Dic']
                var active = '';
                if (index == 0) {
                    active = 'slick-current';
                }


                tabItemTaller2 += `<div class="item-nav-home ${active}">
                            <div class="row no-gutters align-items-center">
                              <div class="col-3">
                                <p class="fuente-slab-bold mb-0 line-height-1">${months[new Date(startDay).getMonth()]}</p>
                                <p class="fuente-slab-bold mb-0 size-28 line-height-1">${new Date(startDay).getDate()}</p>
                              </div>
                              <div class="col-8">
                                <p class="fuente-zizou mb-0 line-height-1">${titleTaller}</p>
                                <p class="fuente-zizou mb-0 line-height-1"></p>
                              </div>
                              <div class="col-1">
                                <div class="line-vertical-date"></div>
                              </div>
                            </div>
                          </div>`


                contentTaller2 += `<div class="item-for-home" >
                            <div class="row align-items-center">
                              <div class="col-12 col-md-6">
                              <a href='${uri}' target="_blank">
                                <img class="img-fluid" src=${img} alt="">
                              </a>
                              </div>
                              <div class="col-12 col-md-6">
                                <p class="fuente-slab-bold size-md-20 mb-0 mt-4 mt-md-0 text-red text-center text-md-left">${titleTaller}</p>
                                <p class="fuente-zizou-light text-dark size-md-17 mb-0 mt-2 text-center text-md-left line-height-13">${description}</p>
                                <div class="container-btn-participar mt-5 mt-md-3 mt-lg-4 mt-xl-5">
                                  <a href='${uri}' target="_blank">
                                    <div class="btn-custom-red btn-participar bg-btn-events">Quiero participar</div>
                                  </a>
                                </div>
                              </div>
                            </div>
                          </div>`
            }
            $('.content-tab-nav').append(tabItemTaller2)
            $('.slider-home-for').html(contentTaller2)

            if ($('.slider-home-for').length > 0) {
                $('.content-tab-nav').slick({
                    slidesToShow: 4,
                    slidesToScroll: 1,
                    asNavFor: '.slider-home-for',
                    focusOnSelect: true,
                    arrows: false,
                    responsive: [{
                            breakpoint: 992,
                            settings: {
                                slidesToShow: 2,
                            }
                        },
                        {
                            breakpoint: 768,
                            settings: {
                                variableWidth: true,
                                slidesToShow: 1,
                            }
                        }
                    ]
                });
            }

            if ($('.slider-home-for').length > 0) {
                $('.slider-home-for').slick({
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    prevArrow: $('.prev-home'),
                    nextArrow: $('.next-home'),
                    dots: false,
                    fade: true,
                    asNavFor: '.content-tab-nav',
                    responsive: [{
                        breakpoint: 768,
                        settings: {
                            arrows: false,
                            slidesToShow: 1,
                            slidesToScroll: 1,
                        }
                    }]
                });
            }
        }
    });
}
eventos()


$(document).ready(function() {

    // Inicio Header
    var btn = $('#btn-menu')
    var contentMenu = $('#menu-desplegable');
    btn.click(function() {
        contentMenu.addClass('menu-active')
    })
    $('#ocultar').click(function() {
        contentMenu.removeClass('menu-active')
    })
    $('#btn-desplegar').click(function() {
        $('#show').toggle('.list-oculto-movil-activo')
    })
    $('#btn-desplegar-2').click(function() {
        $('#show-2').toggle('.list-oculto-movil-activo')
    })
    $('#btn-desplegar-3').click(function() {
        $('#show-3').toggle('.list-oculto-movil-activo')
    })
    $('#mostrar').on('click', function() {})
        // Fin Header

    // Scroll flechas abajos
    $('.position-arrow-down').click(function() {
        $('html, body').animate({
            scrollTop: $("#section-1").offset().top - 50
        }, 1000);
    })

    // $('.f-arrow-down').click(function () {
    //   $('html, body').animate({
    //     scrollTop: $("#aboutprogram").offset().top - 30
    //   }, 1000);
    // })

    // slider
    $('.slider-img:first').fadeIn();
    $('.bullets').click(function() {
        $('.bullets').removeClass('selected');
        $(this).addClass('selected');
        currIndex = $(this).index() + 1;
        $('.slider-img').fadeOut(0);
        $('.slider-img:nth-child(' + currIndex + ')').fadeIn();
    });

    // $(".item-show").click(function() {
    //     $(this).next(".mostrar-convenios").toggleClass("item-activo");
    // });

    $(".item-show").click(function () {
        $(this).next(".mostrar-convenios").toggleClass("d-none");
    });



    //  video new layoud  

    // var $firstVideo;
    function modalOnload() {
        // $firstVideo = $('.video-play-slick').data("src")

        $('.content-modal-fisrt .close').on('click', function() {
            $('.content-modal-fisrt').addClass('minimize')
        })

        $('.window-modal #mini-window').on('click', function() {
            $('.window-modal').addClass('mini-youtube')
            $('#mini-window').css('display', 'none')
        })

        $('.video-btn').on('click', function() {
            if ($('.video-float').length > 0) {
                var videoURL = $('.video-float').prop('src');
                videoURL = videoURL.replace("&autoplay=1", "");
                $('.video-float').prop('src', '');
                $('.video-float').prop('src', videoURL);
            }

        })
    }

    modalOnload()

    // modal para ver video - interna y home

    var $videoSrc;
    $('.video-btn').click(function() {
        $videoSrc = $(this).data("src");
    });
    $('#myModal').on('shown.bs.modal', function(e) {
        $("#myModal #video").attr('src', $videoSrc + "?rel=0&amp;showinfo=0&amp;modestbranding=1&amp;autoplay=1");
    })
    $('#myModal').on('hide.bs.modal', function(e) {
        $("#myModal #video").attr('src', $videoSrc);
    })


    // Mostrar y ocultar tab malla - Interna
    $('.container-malla-mobile').click(function() {
        $(this).next('.malla-mobile').toggleClass("d-md-block d-none")
        $(this).children('.fa-angle-down').toggleClass('hidden')
        $(this).children('.fa-angle-up').toggleClass('hidden')

        // Cambiar de fondo blanco a fondo rojo
        $('.container-malla-mobile').removeClass("ciclo-active")
        $(this).addClass("ciclo-active")
    })


    // Mostrar y ocultar info de carreras - home
    $('.content-facultades li div, .content-facultades_en li div').click(function() {

        // Activar fondo rojo
        $('.content-facultades li div, .content-facultades_en li div').removeClass('faculty-active')
        $(this).addClass('faculty-active')

        // Contenedor para carreras - mobile
        $('.content-facultades li div:nth-child(2), .content-facultades_en li div:nth-child(2)').remove()
        var faculty_id = $(this).parent()
        if ($(this).parent()[0].className == 'career_es') {
            faculty_id.append('<div class="career_detail d-block d-lg-none"></div>')
        } else if ($(this).parent()[0].className == 'career_en') {
            faculty_id.append('<div class="career_detail_en d-block d-lg-none"></div>')
        }

        // Cambiar flechas - mobile
        $('.content-facultades li div .fa-angle-down, .content-facultades_en li div .fa-angle-down').addClass('d-block')
        $('.content-facultades li div .fa-angle-down, .content-facultades_en li div .fa-angle-down').removeClass('d-none')
        $('.content-facultades li div .fa-angle-up, .content-facultades_en li div .fa-angle-up').addClass('d-none')
        $(this).children('.fa-angle-down').removeClass('d-block')
        $(this).children('.fa-angle-down').addClass('d-none')
        $(this).children('.fa-angle-up').removeClass('d-none')

        // Cambiar facultad
        var faculty_name = dataCarreras[$(this).parent().index()].faculty
        var faculty_link = dataCarreras[$(this).parent().index()].faculty_link
        var faculty_name_en = dataCarreras[$(this).parent().index()].faculty_en
        var faculty_link_en = dataCarreras[$(this).parent().index()].faculty_link_en
        var faculty_alt = dataCarreras[$(this).parent().index()].faculty_alt


        $('#faculty').children().remove()
        $('#faculty_en').children().remove()

        $('#faculty').append('<a href="' + faculty_link + '" + "' + faculty_alt + '">' + faculty_name + '</a>')
        $('#faculty_en').append('<a href="' + faculty_link_en + '">' + faculty_name_en + '</a>')

        // Generar carreras
        var array_professional_careers = dataCarreras[$(this).parent().index()].professional_careers
        $('#professional_careers p').remove()
        $('#professional_careers_en p').remove()
        $.each(array_professional_careers, function(index, value) {

            // Generar carreras - Desktop
            if (index == 0) {
                $('#professional_careers').append('<p class="career-effect" data_index_careers="' + index + '"><a class="text-light-gray text-red" href="' + value.link + '">' + value.name + '</a></p>')
                $('#professional_careers_en').append('<p class="career-effect" data_index_careers="' + index + '"><a class="text-light-gray text-red" href="' + value.link_en + '">' + value.name_en + '</a></p>')

                // Generar info detallada para la primera carrera
                $('#career_image').attr('src', '/' + value.img)
                $('#career_image').attr('alt', value.alt)
                $('#career_image_en').attr('src', '/' + value.img)
                $('#career_image_en').attr('alt', value.alt_en)
                $('#career_name').text(value.name)
                $('#career_name_en').text(value.name_en)
                $('#career_description').text(value.description)
                $('#career_description_en').text(value.description_en)
                $('#career_alt').text(value.alt)

                    // $('#career_link').attr('href', value.link)
                    // $('#career_link_en').attr('href', value.link_en)
            } else {
                $('#professional_careers').append('<p class="career-effect" data_index_careers="' + index + '"><a class="text-light-gray" href="' + value.link + '">' + value.name + '</a></p>')
                $('#professional_careers_en').append('<p class="career-effect" data_index_careers="' + index + '"><a class="text-light-gray" href="' + value.link_en + '">' + value.name_en + '</a></p>')
            }

            // Generar carreras - Mobile
            $('.career_detail').append('<a href="' + value.link + '" target="_blank">' + value.name + '</a><br>')
            $('.career_detail_en').append('<a href="' + value.link_en + '" target="_blank">' + value.name_en + '</a><br>')
        })

        // Info detallada por carrera
        $('#professional_careers p, #professional_careers_en p').hover(function() {

            // Activar efecto de traslado
            $(".content-info-carrer").fadeIn(5000);

            // Activar letra roja
            $('#professional_careers p a, #professional_careers_en p a').removeClass('text-red')
            $(this).children().addClass('text-red')

            var career_index = $(this).attr('data_index_careers')
            var career_info = array_professional_careers[career_index]

            $('#career_image').attr('src', '/' + career_info.img)
            $('#career_image_en').attr('src', '/' + career_info.img)
            $('#career_name').text(career_info.name)
            $('#career_name_en').text(career_info.name_en)
            $('#career_description').text(career_info.description)
            $('#career_description_en').text(career_info.description_en)
            $('#career_alt').text(career_info.alt)
                // $('#career_link').attr('href', career_info.link)
                // $('#career_link_en').attr('href', career_info.link_en)
        })
    })

    // Info detallada para carrera por default (Administración en Hotelería y Turismo)
    $('#professional_careers p, #professional_careers_en p').hover(function() {

        // Activar efecto de traslado
        $(".content-info-carrer").fadeIn(5000);

        // Activar letra roja
        $('#professional_careers p a, #professional_careers_en p a').removeClass('text-red')
        $(this).children().addClass('text-red')

        var career_index_default = $(this).attr('data_index_careers')
        var career_info_default = dataCarreras[0].professional_careers[career_index_default]

        $('#career_image').attr('src', '/' + career_info_default.img)
        $('#career_image_en').attr('src', '/' + career_info_default.img)
        $('#career_name').text(career_info_default.name)
        $('#career_name_en').text(career_info_default.name_en)
        $('#career_description').text(career_info_default.description)
        $('#career_description_en').text(career_info_default.description_en)

            // $('#career_link').attr('href', career_info_default.link)
            // $('#career_link_en').attr('href', career_info_default.link_en)

    })

    // Botón admision en interna
    $(window).scroll(function() {
        if ($(this).scrollTop() > 300) {
            $("#btn-admision-interna").addClass("fixed-btn-admision-interna");
            $("#btn-admision-interna").css('width', 'max-content');
        } else {
            $("#btn-admision-interna").removeClass("fixed-btn-admision-interna");
            $("#btn-admision-interna").css('width', 'unset');
        }
    });

    // Botón admision en home
    // $(window).scroll(function () {
    //   if ($(this).scrollTop() > 100 && $(this).scrollTop() < 3300) {
    //     $("#btn-admision-home").addClass("fixed-btn-admision");
    //   } else if ($(this).scrollTop() > 3300) {
    //     $("#btn-admision-home").removeClass("fixed-btn-admision");
    //   } else {
    //     $("#btn-admision-home").removeClass("fixed-btn-admision");
    //   }
    // });

    // HOVER puntos de ubicación en mapamundi
    $('.hover-university').mouseover(function() {
        var country = $(this).attr('data-country')
        $('.icon-' + country).addClass('bounce')
        console.log(country)
    })

    $('.hover-university').mouseout(function() {
        var country = $(this).attr('data-country')
        $('.icon-' + country).removeClass('bounce')
    })


    // HOVER puntos de ubicación en mapamundi
    $('.hover-university').mouseover(function() {
        var country = $(this).attr('data-country')
        $('.icon-' + country).addClass('bounce')
        console.log(country)
    })

    $('.hover-university').mouseout(function() {
        var country = $(this).attr('data-country')
        $('.icon-' + country).removeClass('bounce')

    })


    // Slider Admision - home
    // if ($('#slider-admission').length > 0) {
    //   $("#slider-admission").slick({
    //     autoplay: true,
    //     autoplaySpeed: 3500,
    //     dots: true,
    //     infinite: true,
    //     prevArrow: $('.prev-admission'),
    //     nextArrow: $('.next-admission'),
    //     speed: 300,
    //     slidesToShow: 4,
    //     slidesToScroll: 4,
    //     responsive: [{
    //       breakpoint: 1200,
    //       settings: {
    //         slidesToShow: 3,
    //         slidesToScroll: 3,
    //       }
    //     },
    //     {
    //       breakpoint: 768,
    //       settings: {
    //         arrows: false,
    //         variableWidth: true,
    //         slidesToShow: 1,
    //         slidesToScroll: 1,
    //       }
    //     }
    //     ]
    //   })

    // }

    // if ($('#slider-why-upc').length > 0) {
    //   // Slider Why - home
    //   $("#slider-why-upc").slick({
    //     autoplay: true,
    //     autoplaySpeed: 3500,
    //     dots: true,
    //     infinite: true,
    //     prevArrow: $('.prev-why'),
    //     nextArrow: $('.next-why'),
    //     speed: 300,
    //     slidesToShow: 4,
    //     slidesToScroll: 4,
    //     responsive: [{
    //       breakpoint: 992,
    //       settings: {
    //         slidesToShow: 3,
    //         slidesToScroll: 3,
    //       }
    //     },
    //     {
    //       breakpoint: 768,
    //       settings: {
    //         arrows: false,
    //         variableWidth: true,
    //         slidesToShow: 1,
    //         slidesToScroll: 1,
    //       }
    //     }
    //     ]
    //   });
    // }

    if ($('.slider-for').length > 0) {
        // Slider de videos
        $('.slider-for').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: true,
            fade: true,
            asNavFor: '.slider-nav',
            autoplay: false,
            prevArrow: $('.prev-flecha'),
            nextArrow: $('.next-flecha'),
        });
    }

    if ($('.slider-nav').length > 0) {
        $('.slider-nav').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.slider-for',
            dots: false,
            vertical: true,
            centerMode: false,
            focusOnSelect: true,
            responsive: [{
                    breakpoint: 992,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1,
                    }
                },
                {
                    breakpoint: 768,
                    settings: {
                        vertical: false,
                        variableWidth: true,
                        slidesToShow: 2,
                        slidesToScroll: 1,
                    }
                },
                {
                    breakpoint: 425,
                    settings: {
                        vertical: false,
                        variableWidth: true,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                    }
                }
            ]
        });
    }




    if ($('.slider-for-arq').length > 0) {
        // Slider de videos arquitectura
        $('.slider-for-arq').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            fade: true,
            asNavFor: '.slider-nav-arq',
            autoplay: false,
            prevArrow: $('.prev-flecha'),
            nextArrow: $('.next-flecha'),
        });
    }

    if ($('.slider-nav-arq').length > 0) {
        $('.slider-nav-arq').slick({
            slidesToShow: 4,
            slidesToScroll: 1,
            asNavFor: '.slider-for-arq',
            arrows: false,
            dots: false,
            vertical: false,
            centerMode: false,
            focusOnSelect: true,
            responsive: [{
                    breakpoint: 992,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1,
                    }
                },
                {
                    breakpoint: 768,
                    settings: {
                        vertical: false,
                        variableWidth: true,
                        slidesToShow: 2,
                        slidesToScroll: 1,
                    }
                },
                {
                    breakpoint: 425,
                    settings: {
                        vertical: false,
                        variableWidth: true,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                    }
                }
            ]
        });
    }


    if ($('.carousel').length > 0) {
        $('.carousel').slick({
            centerMode: false,
            centerPadding: '60px',
            slidesToShow: 4,
            infinite: false,
            arrows: false,
            dots: false,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    // arrows: false,
                    centerMode: true,
                    // centerPadding: '40px',
                    slidesToShow: 1,
                    dots: true,
                    // variableWidth: false,
                }
            }]
        });
    }

    if ($('.carousel-admission').length > 0) {
        $('.carousel-admission').slick({
            centerMode: false,
            centerPadding: '60px',
            slidesToShow: 3,
            slidesToScroll: 3,
            infinite: false,
            arrows: false,
            dots: true,
            variableWidth: false,
            responsive: [
            {
                breakpoint: 992,
                settings: {
                    centerMode: false,
                    slidesToShow: 2,
                    slidesToScroll: 2,
                    dots: true,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    centerMode: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    dots: true,
                }
            }
        ]
        });
    }

    if ($('#slider-why-upc').length > 0) {
        $('#slider-why-upc').slick({
            centerMode: false,
            centerPadding: '60px',
            slidesToShow: 4,
            infinite: true,
            prevArrow: $('.prev-why'),
            nextArrow: $('.next-why'),
            dots: true,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    arrows: false,
                    centerMode: true,
                    // centerPadding: '40px',
                    slidesToShow: 1,
                    dots: true,  // Se habilitan los dots para móvil
                    // variableWidth: false,
                }
            }, {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 4,
                    dots: false  // Se deshabilitan los dots para tamaños de pantalla mayores a 1024px
                }
            }]
        });
    }


    if ($('.carousel-admision').length > 0) {
        $('.carousel-admision').slick({
            autoplay: true,
            autoplaySpeed: 3500,
            centerMode: false,
            centerPadding: '60px',
            slidesToShow: 2,
            infinite: true,
            arrows: false,
            dots: true,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    // arrows: false,
                    centerMode: true,
                    // centerPadding: '40px',
                    slidesToShow: 1,
                    dots: true,
                    // variableWidth: false,
                }
            }]
        });
    }

    if ($('.carousel-padres').length > 0) {
        $('.carousel-padres').slick({
            centerMode: false,
            centerPadding: '60px',
            slidesToShow: 4,
            infinite: true,
            arrows: false,
            dots: true,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    // arrows: false,
                    centerMode: true,
                    // centerPadding: '40px',
                    slidesToShow: 1,
                    dots: true,
                    // variableWidth: false,
                }
            }]
        });
    }

    if ($('.slider-eventos2').length > 0) {
        $('.slider-eventos2').slick({
            autoplay: true,
            autoplaySpeed: 4000,
            centerMode: false,
            // centerPadding: '60px',
            slidesToShow: 1,
            infinite: true,
            arrows: false,
            dots: true,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    // centerMode: true,
                    slidesToShow: 1,
                    dots: true,
                }
            }]
        });
    }

    if ($('.why-padres').length > 0) {
      $('.why-padres').slick({
        autoplay: true,
        autoplaySpeed: 3500,
        centerMode: false,
        centerPadding: '60px',
        slidesToShow: 4,
        infinite: true,
        arrows: false,
        dots: true,
        variableWidth: false,
        responsive: [{
          breakpoint: 768,
          settings: {
            // arrows: false,
            centerMode: false,
            // centerPadding: '40px',
            slidesToShow: 1,
            dots: true,
            // variableWidth: false,
          }
        }]
      });
    }

    if ($('.carreras-rtbs').length > 0) {
        $('.carreras-rtbs').slick({
            autoplay: true,
            autoplaySpeed: 3000,
            centerMode: false,
            centerPadding: '0px',
            slidesToShow: 1,
            infinite: true,
            arrows: false,
            dots: true,
            variableWidth: false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    // arrows: false,
                    centerMode: true,
                    // centerPadding: '40px',
                    slidesToShow: 1,
                    dots: true,
                    // variableWidth: false,
                }
            }]
        });
    }

    // Mostrar y ocultar cuadros de malla - Interna - tab horizontal
    $('.nav-link').click(function() {
        $(this).children('.tab-pane').toggleClass("d-md-block d-none")
        $(this).children('.tab-pane').toggleClass("non-fade")
    })
});

var answerClass = "answer";
var logOutput = false;
//Captura la etiqueta que contiene el nombre de la Carrera
var carrera = document.getElementById("nombreCarrera");
if (carreraNombre) {
    var carreraNombre = carrera.innerHTML;
}
(function() {
    // Captura las respuestas de manera dinámica
    var answers = Array.from(document.getElementsByClassName(answerClass)).map(
        function(e) {
            return e.textContent;
        }
    );
    // Establece las preguntas de manera manual
    var questions = [
        `¿Cómo es la carrera de ${carreraNombre}?`,
        `¿Cuánto dura la carrera de ${carreraNombre}?`,
        `¿Qué cursos lleva ${carreraNombre}?`,
        `¿Donde estudiar ${carreraNombre}?`
    ];

    // Debe ser igual Cantidad de Respuestas y Preguntas
    // Las Preguntas y Respuestas deben ser en el mismo orden
    if (questions.length && answers.length) {
        var data = {
            "@context": "https://schema.org",
            "@graph": [],
        };

        buildItem = (q, a) => {
            var item = {
                "@type": "Question",
                name: null,
                acceptedAnswer: {
                    "@type": "Answer",
                    text: "",
                },
            };
            item["name"] = q;
            item["acceptedAnswer"]["text"] = a ? a : "";
            return item;
        };
        console.assert(questions.length == answers.length, {
            questions: questions.length,
            answers: answers.length,
            errorMsg: "Questions and Answers are not the same lengths",
        });
        var element = {
            "@type": "FAQPage",
            mainEntity: []
        }

        element["mainEntity"] = questions.map(function(q, i) {
            return buildItem(q, answers[i]);
        });

        var fields = document.getElementsByClassName("campoLaboral");
        var text = "";
        for (var i = 0; i < fields.length; i++) {
            console.log(fields[i].innerHTML);
            text += " " + fields[i].innerHTML
        }

        var nameQuestion = `¿Cuál es el campo laboral del profesional de ${carreraNombre}?`;
        var itemQuestion = {
            "@type": "Question",
            name: nameQuestion,
            acceptedAnswer: {
                "@type": "Answer",
                text: text,
            },
        };
        element["mainEntity"].push(itemQuestion);

        data["@graph"].push(element);

        var absolute_url = window.location.href;

        var elementCourse = {
            "@type": "Course",
            "name": carreraNombre,
            "url": absolute_url,
            "description": answers[0],
            "provider": {
                "@type": "CollegeOrUniversity",
                "name": "Universidad Peruana de Ciencias Aplicadas",
                "sameAs": "https://www.upc.edu.pe/"
            }
        };

        data["@graph"].push(elementCourse);

        console.log(data);
        var script = document.createElement("script");
        script.type = "application/ld+json";
        script.innerHTML = JSON.stringify(data);
        document.getElementsByTagName("head")[0].appendChild(script);

        if (logOutput) {
            console.log(script.outerHTML);
        }
    }
})(document);

// boton de registro carreras
$(window).scroll(function () {
    if ($(document).scrollTop() >= $(document).height() / 20)
        $("#btn-info").show("slow"); else $("#btn-info").hide("slow");
});
function closeSPopup() {
    $('#btn-info').hide('slow');
}

// medicina
$('#slider-infraestructura-medicina').slick({
    autoplay: true,
    autoplaySpeed: 2000,
    slidesToShow: 3,
    slidesToScroll:3,
    infinite: true,
    arrows: false,
    prevArrow: $('.prev-arrow'),
    nextArrow: $('.next-arrow'),
    dots: true,
    variableWidth: false,
    responsive: [{
        breakpoint: 768,
        settings: {
            // centerMode: true,
            slidesToShow: 1,
            slidesToScroll:1,
            dots: true,
        }
    }]
});

// arquitectura
$('#slider-infraestructura-arquitectura').slick({
    autoplay: false,
    autoplaySpeed: 2000,
    slidesToShow: 3,
    slidesToScroll:3,
    infinite: false,
    arrows: true,
    prevArrow: $('.prev-arrow'),
    nextArrow: $('.next-arrow'),
    dots: true,
    variableWidth: false,
    responsive: [
        {
        breakpoint: 992,
        settings: {
            slidesToShow: 2,
            slidesToScroll:2,
            dots: true,
        }
        },
        {
        breakpoint: 768,
        settings: {
            slidesToShow: 1,
            slidesToScroll:1,
            dots: true,
        }
    }]
});