lodderCursos();

const urlBase = $('#baseURL').val();

function lodderCursos(){

    $.ajax({
        type: 'POST',
        url: 'usuario/getMisCursos',
        dataType: 'json'
    })
    .done(function (datos) {
        if (Object.keys(datos).length > 0) {
            let divprincipalT = document.querySelector('#divCursos');
            for (i in datos) {
                let tblttl = document.createElement('div');
                tblttl.setAttribute('id', 'divC_' + i);
                tblttl.classList.add('col-md-4');
                divprincipalT.appendChild(tblttl);
    
                let divSecundario = document.querySelector('#divC_' + i);
                let tblttl2 = document.createElement('div');
                tblttl2.setAttribute('id', 'divS_' + i);
                tblttl2.classList.add('cardCurso', 'row', 'contenedor-curso');
                divSecundario.appendChild(tblttl2);
    
                const fechaini = datos[i].periodo_inicio.split('-'), fechafin = datos[i].periodo_fin.split('-');
                let nuevaFecha;
                const nuevaFechaFin =  new Date(datos[i].periodo_fin + 'T00:00:00').toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric',});
                if(fechaini[0] == fechafin[0] && fechaini[1] == fechafin[1])nuevaFecha = 'Del '+fechaini[2]+' al '+ nuevaFechaFin;
                else{
                    const nuevaFechaini =  new Date(datos[i].periodo_inicio + 'T00:00:00').toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric',});
                    if(fechaini[0] == fechafin[0]){
                        nuevaFecha = 'Del '+nuevaFechaini.substring(0,nuevaFechaini.length - 8)+' al '+ nuevaFechaFin;
                    }
                    else nuevaFecha = 'Del '+nuevaFechaini+' al '+ nuevaFechaFin;
                }
    
                const fechaActual = normalizarFecha(new Date()); 
                const fechaAumento = normalizarFecha(new Date(datos[i].fecha_aumento + 'T00:00:00'));
                const periodoInicio = normalizarFecha(new Date(datos[i].periodo_inicio + 'T00:00:00')); 
    
                let leyenda = '';
                let botonVerMas = '';

                let valusu =  $('#usuario').val();
                console.log('valusu: ' + valusu);            
    
                if (
                    fechaActual <= fechaAumento && 
                    fechaActual >= periodoInicio 
                ) {
                    leyenda = '<div class="leyenda-curso vigente">VIGENTE</div>';
                    botonVerMas = '<div class="button mt-3 col-md-12 mb-3 just_center"><button class="read_more" onclick="redirectCurso('+ datos[i].id_grupo +')">Ver más</button></div>';
                }
                if((valusu=='5684' || valusu=='5691' || valusu=='5699' || valusu=='1647') && datos[i].id_grupo==2){
                    leyenda = '<div class="leyenda-curso vigente">VIGENTE</div>';
                    botonVerMas = '<div class="button mt-3 col-md-12 mb-3 just_center"><button class="read_more" onclick="redirectCurso('+ datos[i].id_grupo +')">Ver más</button></div>';
                } 
                else {
                    leyenda = '<div class="leyenda-curso cerrado">CERRADO</div>';
                }
    
                let imgCurso = '<figure class="imgCurso"><img src="'+ urlBase á+'assets/images/cursos/'+ datos[i].img_materia +'" alt=""></figure>';
    
                let infoCurso = '<div>' +
                    '<p>'+datos[i].nombre_materia.substr(0, 120)+'...' +
                    '<br> <span><i class="fa fa-calendar-check-o mr-1"></i></span>'+nuevaFecha+
                    '<br> </p></div>';
    
                let contenidoCurso = imgCurso + infoCurso + leyenda + botonVerMas;
    
                document.getElementById('divS_' + i).innerHTML = contenidoCurso;
            }
        }
        $('#btnObservaciones').click();
    });
}

function normalizarFecha(fecha) {
    return new Date(fecha.getFullYear(), fecha.getMonth(), fecha.getDate());
}

function redirectCurso(curso){
    $.redirect('Miscursos/informacion', {idcurso:curso}, 'POST', '');
}