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

var consultaJson = '/json/institucional.json'
function detecte() {
  var cadena = window.location.pathname;
  var path = cadena.substr(0, 4)

  if (path == '/en/') {
    $('.menuHeader').load('/componentMenu/headerEn.html');
    $('#footer').load('/componentMenu/footerEn.html');
  } else {
    $('.menuHeader').load('/componentMenu/header.html');
    $('#footer').load('/componentMenu/footer.html');
  }
}
detecte()

function rutesJson() {
  $.ajax({
    url: consultaJson,
    type: 'GET',
    dataType: 'json',
    headers: { 
      'Cache-Control': 'max-age=0' ,
      'Strict-Transport-Security':'max-age=31536000;includeSubdomains',
      'X-Content-Type-Options':'nosniff',
      'X-Frame-Options':'SAMEORIGIN',
      'Set-Cookie':'secure; Domain=https://www.upc.edu.pe/',
     },

    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()


$(document).ready(function () {
  // 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();
  });

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

  // hover en slider - proposito
  $('.item-open-mind').hover(function () {
    var bnImg = $(this).children(":first").children(":first")
    var colorImg = $(this).children(":first").children().eq(1)
    var videoIcon = $(this).children(":first").children().eq(2)
    var cardInfo = $(this).children().eq(1)

    console.log($(this).children(":first").children().eq(2))

    bnImg.toggleClass("d-none")
    colorImg.toggleClass("d-none")
    videoIcon.toggleClass("d-none")
    cardInfo.toggleClass("card-red-mind")
  })

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

if($('.section-videos-upc-no-para').length > 0) {
  // Slider de videos
  $('.slider-for').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      fade: true,
      asNavFor: '.slider-nav',
      autoplay: false,
  });
}

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,
              vertical: false,
          }
          },
          {
          breakpoint: 768,
          settings: {
              vertical: false,
              variableWidth: true,
              slidesToShow: 2,
              slidesToScroll: 1,
          }
          },
          {
          breakpoint: 425,
          settings: {
              vertical: false,
              variableWidth: true,
              slidesToShow: 1,
              slidesToScroll: 1,
          }
          }]
  });
}