/* 
 * Carga disponibilidad horarios de profesores
 */
var disponibilidadObj = [];


function loadDisponibilidad(){
    $('.bloque-disponibilidad').remove();
    disponibilidadObj = [];
    //carga horarios y crea bloques
    $.ajax({
        url:  './action/disponibilidad_select.php',
        type: 'POST', 
        dataType: 'json',
        data: { id: $('#filter_prof').val()},
        success: function(result) {
            if(result["error"]!= "" &&  result["error"] !== undefined){
                console.log("Ocurrió un error de load");
                $("#errorBox").collapse('show');
                $("#errorBox_text").html(result["error"]);
                $('#messageBox')[0].scrollIntoView({ block: "end" });
            }else{
                var i, j;
                for(i = 0; i< result["horario"].length; i++){
                    
                    var clase = {
                        id_obj: parseInt(result["horario"][i]["id"]),
                        dia: parseInt(result["horario"][i]["dia"]),
                        hora: result["horario"][i]["hora"],
                        duracion: parseInt(result["horario"][i]["duracion"]),
                        color: result["horario"][i]["color"]
                    };
                    
                    disponibilidadObj.push(clase);
                    
                    creaDisponibilidadHTML( getX(clase.dia), getY(clase.hora), getAlto(clase.duracion) , clase.color);

                }//fin for
            }
        },
        error: function(jqXHR, textStatus, errorThrown ){
            $("#errorBox").collapse('show');
            $("#errorBox_text").html("Error al cargar horario.<br>"+errorThrown);
            $('#messageBox')[0].scrollIntoView({ block: "end" });
        }
    });//ajax
}

function creaDisponibilidadHTML(posX, posY, alto, color){//crea bloque HTML
    
    var nuevoHorario = '<div class="bloque-disponibilidad overflow"\
                            style="top:'+posY+'px; left:'+posX+'px; background-color:'+color+'; height:'+alto+'px" >\
                        </div>';
    $(nuevoHorario).appendTo("#bloque-disponibilidad");
}

$(document).on( "click", "#btn-disponibilidad", function(event){
    if($('#filter_prof').val() != "" ){
        loadDisponibilidad();
    }else{
        disponibilidadObj = [];
        $('.bloque-disponibilidad').remove();
    }
});