const PRECIO_HORA_MONITOR = '2';
const FECHA_INICIO_PREINSCRIPCION = '14-09-2023';


$(document).ready(function () {

    $('.curso details').click(function() {
      lo_padre = $(this).parent();

      // Añade al li padre la clase "open"
      if($(this).attr('open')) {
        lo_padre.removeClass('open');
      } else {
        lo_padre.addClass('open');
      }

      let li_tipo = $(this).parent().data('tipo');
      let li_aula = $(this).parent().data('aula');
      let li_codigo = $(this).parent().data('codigo');
  
      if($(this).find('.detalle_curso').length == 0)
      {
        recuperaDetalleCurso(li_tipo, li_aula, li_codigo);
      }
    });
  
});
  

/********** Funciones ************/

function recuperaDetalleCurso(ai_tipo, ai_aula, ai_codigo) {
  ocultaErrorCargaCurso(ai_tipo, ai_aula, ai_codigo);
  muestraDetalleCargando(ai_tipo, ai_aula, ai_codigo);
  $.getJSON("ws-detalle-curso.php", { tipo: ai_tipo, aula: ai_aula, codigo: ai_codigo })
    .done(function (lo_datos) {
      muestraDetalleCurso(ai_tipo, ai_aula, ai_codigo, lo_datos);
    })
   .always(function() { 
      ocultaDetalleCargando(ai_tipo, ai_aula, ai_codigo);
   })
   .fail(function() {
     muestraErrorCargaCurso(ai_tipo, ai_aula, ai_codigo);
  })
}
  
function muestraDetalleCargando(ai_tipo, ai_aula, ai_codigo) {
  lo_contenedor = $('.curso[data-tipo="' + ai_tipo + '"][data-aula="' + ai_aula + '"][data-codigo="' + ai_codigo + '"] details');

  $('<div>').addClass('cargando_curso')
            .attr('role', 'status')
            .html('<span class="spinner-border spinner-border-sm align-middle mr-2" aria-hidden="true"></span>Cargando datos del curso')            
            .appendTo(lo_contenedor);
}

function ocultaDetalleCargando(ai_tipo, ai_aula, ai_codigo) {
  $('.curso[data-tipo="' + ai_tipo + '"][data-aula="' + ai_aula + '"][data-codigo="' + ai_codigo + '"] .cargando_curso').remove();
}


function muestraErrorCargaCurso(ai_tipo, ai_aula, ai_codigo) {
  
  lo_contenedor = $('.curso[data-tipo="' + ai_tipo + '"][data-aula="' + ai_aula + '"][data-codigo="' + ai_codigo + '"] details');

  $('<div>').addClass('error_carga_curso')
            .attr('role', 'status')
            .append($('<p>').html('Ha ocurrido un error obteniendo los datos del curso'))
            .append($('<a>').text('REINTENTAR')
                            .prop('href','#')
                            .click(function(event) {
                              event.preventDefault();
                              event.stopPropagation();
                              recuperaDetalleCurso(ai_tipo, ai_aula, ai_codigo);
                            }))
            .appendTo(lo_contenedor);
}

function ocultaErrorCargaCurso(ai_tipo, ai_aula, ai_codigo) {
  let lo_contenedor = $('.curso[data-tipo="' + ai_tipo + '"][data-aula="' + ai_aula + '"][data-codigo="' + ai_codigo + '"] details');
  lo_contenedor.find('.error_carga_curso').remove();
}


function muestraDetalleCurso(ai_tipo, ai_aula, ai_codigo, ao_datos) 
  {
    lo_contenedor = $('.curso[data-tipo="' + ai_tipo + '"][data-aula="'+ai_aula+'"][data-codigo="'+ai_codigo+'"] details');
  
    lo_lista = $("<ul>").addClass('list-group detalle_curso');
    
    $('<li>').addClass('list-group-item')
             .html('<strong class="d-block d-md-inline">Fechas:</strong> '+ao_datos.F_INICIO+" hasta "+ao_datos.F_FIN)
             .appendTo(lo_lista);
  
    $('<li>').addClass('list-group-item')
             .html('<strong class="d-block d-md-inline">Días / horario:</strong> '+ao_datos.DIAS_TEXTO+", "+ao_datos.HORARIO_TEXTO)
             .appendTo(lo_lista);
  
    // En cursos marcados con 0 plazas no mostrar el nº de plazas. 
    // Estos cursos son para inscripción solo en período de vacantes y desde Cultura se marcan temporalmente
    // con 0 plazas para evitar la preinscripción en ellos. Pasada la preinscripción, cuando llega el período
    // de vacantes, se restaura el nº de plazas correcto.
    if(ao_datos.PLAZAS > 0)
    {
      $('<li>').addClass('list-group-item')
              .html('<strong>Plazas:</strong> '+ao_datos.PLAZAS)
              .appendTo(lo_lista);
    }
  
    $('<li>').addClass('list-group-item')
             .html('<strong>Horas:</strong> '+ao_datos.HORAS)
             .appendTo(lo_lista);
  
    if(ao_datos.PREVIOS == 'S') {
      $('<li>').addClass('list-group-item')
             .html('<strong class="d-block d-md-inline">Conocimientos previos:</strong> Este curso requiere conocimientos previos')
             .appendTo(lo_lista);          
    }
  
    if(ao_datos.GRATUITO == 'S') {
      $('<li>').addClass('list-group-item')
             .html('<strong>Curso gratuito:</strong> Este curso es gratuito')
             .appendTo(lo_lista);          
    }

    if(ao_datos.PAGO_MONITOR == 'S') {
      $('<li>').addClass('list-group-item tipo_inscripcion especial')
               .html(`<p><strong>Pago directo al monitor:</strong></p>
                     <p>La inscripción en este curso se realiza contactando directamente con la persona o entidad que imparte la actividad, a partir del día <strong>${FECHA_INICIO_PREINSCRIPCION}</strong>, a través del contacto que encontrarás mas abajo.</p>
                     <p>Las plazas se irán cubriendo por orden de inscripción hasta que se completen la mismas. El precio del curso es el resultado de multiplicar ${PRECIO_HORA_MONITOR} euros por el numero total de horas de duración del mismo.</p>
                     <p><strong>IMPORTE: </strong>${ao_datos.PRECIO_MONITOR}€`)
               .appendTo(lo_lista);          
    }
    else {
      if(ao_datos.PLAZAS > 0 && ao_datos.GRATUITO == 'N') {
        $('<li>').addClass('list-group-item tipo_inscripcion')
                 .html(`<p><strong>Pago por tasa pública:</strong></p>
                        <p>La inscripción en este curso se realizará en esta misma página web cuando se abra el proceso de preinscripción el día <strong>${FECHA_INICIO_PREINSCRIPCION}</strong> y las plazas se asignarán mediante sorteo.</p>
                        <p>Para los cursos que no cubran todas las plazas, se abrirá posteriormente un proceso
                       de inscripción en plazas vacantes, no sujeto a sorteo.`)
                 .appendTo(lo_lista);
      }
      else {
        $('<li>').addClass('list-group-item tipo_inscripcion especial')
                 .html(`<p>La inscripción en este curso se realizará en esta misma página web 15 días antes de iniciarse la actividad.</p>`)
                 .appendTo(lo_lista);
      }
      $('<li>').addClass('list-group-item')
               .html('<strong>Código:</strong> '+ao_datos.CODIGO)
               .appendTo(lo_lista);
    }
  
    $('<li>').addClass('list-group-item')
             .html('<strong>Objetivos:</strong> <p>'+nl2br_aa(ao_datos.CONTENIDOS.OBJETIVOS)+'</p>')
             .appendTo(lo_lista);
  
    $('<li>').addClass('list-group-item')
             .html('<strong>Contenido:</strong> <p>'+nl2br_aa(ao_datos.CONTENIDOS.CONTENIDO)+'</p>')
             .appendTo(lo_lista);
  
    $('<li>').addClass('list-group-item')
             .html('<strong>Requisitos:</strong> <p>'+nl2br_aa(ao_datos.CONTENIDOS.REQUISITOS)+'</p>')
             .appendTo(lo_lista);
  
    lo_lista.appendTo(lo_contenedor);
  }
  



/**
 * FUNCIONES AUXILIARES
 */

function nl2br_aa (str, is_xhtml) {   
  var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';    
  return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
}