$(document).ready(function () {

  $("body").on('click','.btn-linkresp', function (e) {

    let clase = $(this).attr('class');
    let exp = clase.search("collapsed");  
    if (exp != -1) { // Ocultar
      $(this).text("Ocultar respuestas"); 
    }else{  // mostrar
      $(this).text("Ver respuestas"); 
    }
  });
 
});


function actualizarCapa(){    
   
    let idFichV = $("div[id^='verticePlayer_']").attr("id");
    let divid = idFichV.split('_');
    idFichV = divid[1];
    $("#pregyrespDetalle").empty();
    $("#pregyrespDetalle").load("uacloud/plantillas/pregyrespDetalle.php?refresh=" + idFichV);
    //$("#pregyrespDetalle").load("uacloud/plantillas/pregyrespDetalle.php");

    $('html, body').animate({
      scrollTop: $("#pregyrespDetalle").offset().top
  }, 2000);
    
}
 
function crearNuevoMedia(elemento, datehora){
  
  let datos = "";
  datos = '<div class="media" id="media'+ parseInt(elemento.LEVEL) + '_'+ elemento.ID +'">';
  datos = datos + '<div class="media-heading">';
  datos = datos + '<span class="label label-warning milbwarning">'+ elemento.NOMBRE_USUARIO + '&nbsp;&nbsp;(RECIBIDA en espera de ser aceptada)</span>&nbsp;&nbsp;' + datehora;
  datos = datos + '&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-default btn-sm colorglyphicon" onclick="eliminarPregunta('+ elemento.ID + ',' + parseInt(elemento.LEVEL)  +  ',' + parseInt(elemento.ID_PR_PADRE)  +  ' )"><span class="glyphicon glyphicon-trash"></span></button>';
  datos = datos + '</div>';
  datos = datos + '<div class="media-left">';
  datos = datos + '   <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
  datos = datos + '</div>';
  datos = datos + '<div class="media-body">';
  datos = datos + '   <p>'+ elemento.TEXTO +'</p>';  
  datos = datos + '</div>';
  datos = datos + '</div>';  
  return(datos);
        
}


function insertarPregunta(idPadre=0,level=1){

  if(validarTamny1250Req('texto'+ idPadre, 'infotexto'+ idPadre)){   
    var masInfo = new Object();
    masInfo['Preguntas y respuestas'] = 'Videostreaming';
    mensaje = "A&ntilde;adiendo pregunta al historial.";
    var testID = addMessage(mensaje, "espera", masInfo);
    $("#jGrowl").addClass("misavisos"); 

  
    let texto_p = $("#texto" + idPadre).val();
    let idFichV = $("#idFichV").val();
    $.ajax({
      url:'/uacloud/plantillas/funcionesPregyResp.php',
      method: "POST",     
      data: {accion:'insertarPregunta', idPadre:parseInt(idPadre), texto_p:texto_p, idVideoVertice:idFichV},    
      success: function (data) {
        let datosBD = data.split("_");
        let idPregunta = datosBD[1];
        idPregunta = parseInt($.trim(idPregunta));
        var ahora = new Date();
        var mes = addZero(ahora.getMonth() + 1);
        var datehora = addZero(ahora.getDate()) + "/" + mes + "/" + addZero(ahora.getFullYear()) + " " + addZero(ahora.getHours()) + ":" + addZero(ahora.getMinutes())+ ":" + addZero(ahora.getSeconds());
        if (idPregunta > 0){
          var dataJ = JSON.stringify({ID:idPregunta, TEXTO:texto_p,
            ACEPTADA:'', RECHAZADA:'', CONTESTADA:'', VISIBLE:0, NOMBRE_USUARIO:datosBD[0], ID_PR_PADRE:parseInt(idPadre), LEVEL:parseInt(level)+1});
          
          let elemento = JSON.parse(dataJ);
          let datos = "";

          if(idPadre == 0){
            $("#texto0").val("");
            mensaje = "Pregunta a&ntilde;adida correctamente del historial.";
            setTimeout(function () {
                removeMessage(testID);
                addMessage(mensaje, "exito", masInfo);
                
            }, 4000);
            datos = crearNuevoMedia(elemento,datehora);
            let componente = $('#pregyrespdetalle');  
            $( ".norowspregyresp" ).remove();     
            componente.prepend(datos);
          }
          else{
            mensaje = "Pregunta a&ntilde;adida correctamente del historial.";
            setTimeout(function () {
                removeMessage(testID);
                addMessage(mensaje, "exito", masInfo);
            }, 4000);
     
           
           /* datos = crearNuevoMedia(elemento,datehora);
            $("#respcollapse" + idPadre ).prepend(datos);           
            $("#texto" + idPadre).val("");        
            $("#replyComment" + idPadre).removeClass("collapse in");
            $("#replyComment" + idPadre).addClass("collapse");   
            $("#bttverresp" + idPadre).css("display", "block");
            $("#bttverresp" + idPadre).removeClass("collapsed");
            $("#respcollapse" + idPadre).removeClass("collapsed");
            $("#respcollapse" + idPadre).addClass("collapse in");
            $("#showpreguntar" + idPadre).css("display","none");*/
          } 
          actualizarCapa();       
        }
        else{
            if(idPregunta == -5){
              mensaje = "Sesi&oacute;n caducada. Para enviar esta pregunta, c&oacute;piala en el portapapeles y refresca esta p&aacute;gina.";
            }
            else{
              mensaje = "No se ha podido a&ntilde;adir la pregunta del historial.";
            }
            setTimeout(function () {
                removeMessage(testID);
                addMessage(mensaje, "error", masInfo);
            }, 4000);        
        }

      },
      error: function (err) {
        mensaje = "No se ha podido a&ntilde;adir la pregunta del historial.";
        setTimeout(function () {
            removeMessage(testID);
            addMessage(mensaje, "error", masInfo);
        }, 4000);
      },
      
    }); 
  }
}

function eliminarPregunta(id_pregunta, level, id_padre){

  textoConfirm = "&iquest;Quieres eliminar la pregunta seleccionada?";

  bootbox.confirm(textoConfirm, function (result) {
    if (result) {
        
      var masInfo = new Object();
      masInfo['Preguntas y respuestas'] = 'Videostreaming';
      mensaje = "Eliminando la pregunta del historial.";
    
      var testID = addMessage(mensaje, "espera", masInfo);
      $("#jGrowl").addClass("misavisos");

        $.ajax({
          url:'/uacloud/plantillas/funcionesPregyResp.php',
          method: "POST",     
          data: {accion:'eliminarPregunta', idPregunta:id_pregunta},    
          success: function (data) {
            var datos = parseInt($.trim(data));
           
            if (datos > 0){              
              mensaje = "Pregunta eliminada correctamente del historial.";
              setTimeout(function () {
                  removeMessage(testID);
                  addMessage(mensaje, "exito", masInfo);
                  
              }, 4000);

              /*$("#media" + level + '_' + id_pregunta).remove();     
              let success = $("#respcollapse" + id_padre + " span.label-success" );
              let warning = $("#respcollapse" + id_padre + " span.label-warning" );
              if(parseInt(success.length) === 0 && parseInt(warning.length) === 0)
              {
                $("#showpreguntar" + id_padre).css("display", "inline-block");
                $("#bttverresp" + id_padre).css("display", "none");
                $("#bttverresp" + id_padre).addClass("collapsed");
                $("#respcollapse" + id_padre).removeClass("collapse in");
                $("#respcollapse" + id_padre).addClass("collapsed");
              }*/
              actualizarCapa();
            }
            else{
              if(datos==-5){
                mensaje = "Sesi&oacute;n caducada. Para eliminar esta pregunta, refresca la p&aacute;gina.";
              } else {		
                mensaje = "No se ha podido eliminar la pregunta del historial.";
	            }

              setTimeout(function () {
                  removeMessage(testID);
                  addMessage(mensaje, "error", masInfo);
              }, 4000);
              
            }   
              
          },
        error: function (err) {
            mensaje = "No se ha podido eliminar la pregunta del historial.";
            setTimeout(function () {
                removeMessage(testID);
                addMessage(mensaje, "error", masInfo);
            }, 4000);
          },
          
        }); 
    }
  });
}

function addZero(i) {
  if (i < 10) {
      i = "0" + i;
  }
  return i;
}

function validarTamny1250Req(inputText, infoInputText) {
  var ret = true;

  var valString = $('#'+ inputText).val();

  $('#'+ inputText).css('background-color', 'white');

  if ((valString.length <= 0) || (valString.length > 1250)) {
      ret = false;      
  }
  
  if (ret) {
      $('#'+ infoInputText).css('background-color', 'white');
      $('#'+ infoInputText).prop("value", '');
      $('#'+ infoInputText).css("display", "none");

  } else {
      $('#'+ infoInputText).css('background-color', '#FF8685');      
      $('#'+ infoInputText).prop("value", " Campo requerido, no puede ser vacio y no puede exceder de 1250 caracteres.");            
      $('#'+ infoInputText).css("display", "block");
  }
  return ret;
}