$(document).on('ready', inicio);
var iP = 1;
var LIMIT = 50;
function inicio(){
	//$('#presentation_btn_add_more').on('click', add_presentation);	
	$('#contents_btn_add_more').on('click', add_contents);
	$('#activities_btn_add_more').on('click', add_activities);

	//$('#presentation_container_add_more').css("display", "none");

	// y generamos los eventos revisamos
	 
}

/*function add_presentation(){
	var container = $('#presentation_container_add_more');
	var name = $('#presentations_name').val();
	var url = $('#presentations_url').val();
	var type = "presentation";
	var idInputForm = "presentations";

	if(name != "" && url != ""){
		iP = ajustar_indice(type);
		if(iP <= LIMIT){
			container.removeClass("hidden");

			set_value_input_hidden(type, name, url, iP);

			add_item_table_container(type, container, name, url, iP);
		
			add_event_delete_item_table(type, iP);		

			clean_input_form(idInputForm);

		}
		else{
			show_error("No se permite añadir mas campos", type, 5000);
		}
		
	}
	else{
		show_error("No se aceptan campos vacios", type, 5000);
	}
}*/

function add_contents(){
	var container = $('#content_container_add_more');
	var name = $('#contents_name').val();
	var url = $('#contents_url').val();
	var openin = $('input[name=contents_openin]:checked').val();
	var type = "content";
	var idInputForm = "contents";

	if(name != "" && url != ""){
		iP = ajustar_indice(type);
		if(iP <= LIMIT){
			container.removeClass("hidden");

			set_value_input_hidden(type, name, url, iP, openin);

			add_item_table_container(type, container, name, url, iP);
		
			//add_event_delete_item_table(type, iP);		

			clean_input_form(idInputForm);

		}
		else{
			show_error("No se permite añadir mas campos", type, 5000);
		}
		
	}
	else{
		show_error("No se aceptan campos vacios", type, 5000);
	}
}

function add_activities(){
	var container = $('#activity_container_add_more');
	var name = $('#activities_name').val();
	var url = $('#activities_url').val();
	var openin = $('input[name=activities_openin]:checked').val();
	var type = "activity";
	var idInputForm = "activities";

	if(name != "" && url != ""){
		iP = ajustar_indice(type);
		if(iP <= LIMIT){
			container.removeClass("hidden");

			set_value_input_hidden(type, name, url, iP, openin);

			add_item_table_container(type, container, name, url, iP);
		
			//add_event_delete_item_table(type, iP);		

			clean_input_form(idInputForm);

		}
		else{
			show_error("No se permite añadir mas campos", type, 5000);
		}
		
	}
	else{
		show_error("No se aceptan campos vacios", type, 5000);
	}
}

function ajustar_indice(type){
	i=1;
	$("[name^="+type+"_name_hidden_]").each(function(){
		var value = $(this).val();
		if(value == ""){
			return false;
		}
		i++;
	});
	return i;
}

function set_value_input_hidden(type, name, url, indice, openin=false){
	$("[name="+type+"_name_hidden_"+indice+"]").val(name);
	$("[name="+type+"_url_hidden_"+indice+"]").val(url);
	if(openin){
		$("[name="+type+"_openin_hidden_"+indice+"]").val(openin);
	}
}

function add_item_table_container(type, contenedor, name, url, indice){
	Strclass = type== 'content' ? 'delete_content':'delete_activity';

	var html = "<tr id='"+type+"_table_item_"+indice+"'>";
	html += "<td>"+name+"</td><td>"+url+"</td><td><button class='"+Strclass+"' type='button' id='"+type+"_table_button_"+indice+"' data-indice='"+indice+"'>Eliminar</button></td>";
	html += "</tr>";

	contenedor.append(html);
}

$(document).on('click',".delete_content,.delete_activity", function(){

	type = $(this).attr("class") == 'delete_content' ? 'content':'activity';
	var i = $(this).attr("data-indice");
		$("#"+type+"_table_item_"+i).remove();
		$("[name="+type+"_name_hidden_"+i+"]").val('');
		$("[name="+type+"_url_hidden_"+i+"]").val('');
		if(type!="presentation"){
			$("[name="+type+"_openin_hidden_"+i+"]").val('');
		}
});
/* function add_event_delete_item_table(type, indice){
	$(document).on('click',"#"+type+"_table_button_"+indice, function(){
		console.log("funcion dentro");
		var i = $(this).attr("data-indice");
		$("#"+type+"_table_item_"+i).remove();
		$("[name="+type+"_name_hidden_"+i+"]").val('');
		$("[name="+type+"_url_hidden_"+i+"]").val('');
		if(type!="presentation"){
			$("[name="+type+"_openin_hidden_"+i+"]").val('');
		}
	});
} */

function clean_input_form(type){

	$("#"+type+"_name").val('');
	$("#"+type+"_url").val('');
}

function show_error(mensaje, type, time=3000){
	var elemento = $("#errors_"+type);
	elemento.html(mensaje);
	elemento.removeClass("hidden");
	
	setTimeout(function(){
		elemento.addClass("hidden");
	}, time);
}

$(document).on('click','#contents_btn_add_more', add_contents);
$(document).on('click','#activities_btn_add_more', add_activities);
$(document).on('click','#contents_btn_predeterminado', ()=>{

	let data = $("#id_contents_extra").val().split(";");
	$("#contents_name").val(data[0]);
	$("#contents_url").val(data[1]);

	switch(data[2]){
		case "0":
			$("#id_contents_openin_0").prop("checked", true);
		break;
		case "1":
			$("#id_contents_openin_1").prop("checked", true);
		break;
		case "2":
			$("#id_contents_openin_2").prop("checked", true);
		break;
	}

});
$(document).on('click','#activities_btn_predeterminado', ()=>{

	let data = $("#id_activities_extra").val().split(";");
	$("#activities_name").val(data[0]);
	$("#activities_url").val(data[1]);

	switch(data[2]){
		case "0":
			$("#id_activities_openin_0").prop("checked", true);
		break;
		case "1":
			$("#id_activities_openin_1").prop("checked", true);
		break;
		case "2":
			$("#id_activities_openin_2").prop("checked", true);
		break;
	}

});

$(document).on('click','#resources_btn', ()=>{
	if($("#id_contents_extra").val()==0){
		return;
	}
	$("#content_resources_add_more").show();
	var openin = $('input[name=resources_openin]:checked').val();
	var text= $('input[name=resources_openin]:checked').parent('label').text().trim();
	var openin_txt ="";
	switch(openin){
		case "0":
			openin_txt = text;
			break;
		case "1":
			openin_txt = text;
			break;
		case "2":
			openin_txt = text;
			break;
	}

	var exist=false;
	$('input[name="agi_resource[]"]').map(function(){ 
		if($(this).attr('data-id-module') == $("#id_contents_extra").val()){
				exist=true;
				$(this).val($("#id_contents_extra").val()+"_"+openin)
				$(this).closest('tr').find("td:nth-child(3)").text(openin_txt);
		}
	
	})

	if(!exist){
		datos = $("#id_contents_extra option:selected").text().split(":");
		contenedor = $("#content_resources_add_more");
		var html = "<tr>";
		html += "<td>"+datos[0]+"<input type='hidden' name='agi_resource[]' id='agi_resource' data-id-module='"+$("#id_contents_extra").val()+"' value='"+$("#id_contents_extra").val()+"_"+openin+"'></td><td>"+datos[1]+"</td><td>"+openin_txt+"</td><td><button class='delete_resource' type='button' >Eliminar</button></td>";
		html += "</tr>";
	
		contenedor.append(html);
		$('#id_contents_extra option[value="'+$("#id_contents_extra").val()+'"]').hide();
		$('#id_contents_extra option').each(function () {
			if ($(this).css('display') != 'none') {
							$(this).prop("selected", true);
							return false;
			}
});
	}


});

$(document).on('click','.delete_resource', (e)=>{
	var value = $(e.target).closest("tr").find('td:nth-child(1)').find('input').attr('data-id-module');
	if($('#id_contents_extra option[value="'+ value+'"]').length==1){
		$('#id_contents_extra option[value="'+ value+'"]').show();
	}else{
		var type= $(e.target).closest("tr").find('td:nth-child(1)').text();
		var name= $(e.target).closest("tr").find('td:nth-child(2)').text();
		$('#id_contents_extra').append('<option value="'+value+'">'+type+': '+name+'</option>');
	}

	$(e.target).closest("tr").remove();
});