/**
 * Armado de formulario 
 */
function removeField(b){
    while(b.getAttribute("name") != "Field") b = b.parentElement;
    if(b.nodeElement == "body") return;
    b.parentElement.removeChild(b);
}

function addField(b){
    let newfield = document.createElement("div");
    newfield.setAttribute("name","Field");
    newfield.innerHTML = document.getElementById("fieldTemplate").innerHTML;
    let tab = b.parentElement;
    // swap
    tab.removeChild(b);
    tab.appendChild(newfield);
    tab.appendChild(b);
}

function removeTab(b){
    while(b.getAttribute("name") != "Tab") b = b.parentElement;
    if(b.nodeElement == "body") return;
    b.parentElement.removeChild(b);
}

function addTab(t){
    document.getElementById("ContinuarText").style.display = 'block';
    document.getElementById("ContinuarButton").style.display = 'block';
    let newtab = document.createElement("div");
    newtab.setAttribute("name","Tab");
    newtab.innerHTML = document.getElementById("tabTemplate").innerHTML;
    t.appendChild(newtab);
}

/**
 * Lectura de información y formateado
 */

function processField(field){
    return {
        'Title' : field.children[0],
        'Input' : field.children[1].selectedOptions[0].value,
        'Required' : field.children[2].checked,
    };
}

function processTab(tab){
    let dict = {};
    for(let i = 0; i < tab.children.length; i++){
        if (tab.children[i].getAttribute("name") == "Field"){
            dict[i] = processField(tab.children[i]);
        }
    }
    return dict;
}

function generate(tabs){
    let dict = {};
    for(let i = 0; i < tabs.children.length; i++){
        if (tabs.children[i].getAttribute("name") == "Tab"){
            dict[i] = processTab(tabs.children[i]);
        }
    }
    console.log(JSON.stringify(dict));
}

function sortTabs(){
    let tabs = document.getElementById("tabs");
    Array.from(tabs.children).sort( 
        (a,b) => a.children[0].value < b.children[0].value ? -1 : a.children[0].value > b.children[0].value ? 1 : 0
    ).forEach(
        c => tabs.appendChild(c)
    )
}

function sortFields(tab){
    Array.from(tab.children).sort( 
        (a,b) => a.children[0].value < b.children[0].value ? -1 : a.children[0].value > b.children[0].value ? 1 : 0
    ).forEach(
        c => tabs.appendChild(c)
    )
}