document.addEventListener("DOMContentLoaded", function(){

    function formulaire_ingredient_update(event) {
        
        event.preventDefault();

        console.log(event);

        let form = document.getElementById("recette-form-ingr-add");
        
        let cible = document.getElementById("recette-form-ingr");
        
        let ingr = form.nom;

        let form_data = FormData(form);

        fetch("/api/ingredients/create", {
            method : "POST",
            body: form_data
        }).then( reponse => {
            if (!reponse.ok) {
                let div_err = document.getElementById("recette-form-div-err-ingr");

                div_err.style.display = "inherit";
                div_err.innerText = "Erreur de connection au serveur";

            }
            else {
                reponse.json().then( data => {
                    if (data.success) {
                        let new_elem = document.createElement("option");

                        new_elem.setAttribute("value",ingr.value);
                        new_elem.innerText = ingr.value;

                        cible.appendChild(new_elem);
                    }
                })
            }
        })

    }

    function formulaire_tag_update(event){

        event.preventDefault();

        let form = document.getElementById("recette-form-tag-add");
        
        let cible = document.getElementById("recette-form-tag");
        
        let tag = form.tag;

        let form_data = FormData(form);

        fetch("/api/tags/create", {
            method : "POST",
            body: form_data
        }).then( reponse => {
            if (!reponse.ok) {
                let div_err = document.getElementById("recette-form-div-err-tag");

                div_err.style.display = "inherit";
                div_err.innerText = "Erreur de connection au serveur";

            }
            else {
                reponse.json().then( data => {
                    if (data.success) {
                        let new_elem = document.createElement("option");

                        new_elem.setAttribute("value",tag.value);
                        new_elem.innerText = tag.value;

                        cible.appendChild(new_elem);
                    }
                })
            }
        })

    }

  

    let ingr_form = document.getElementById("recette-form-ingr-add");

    ingr_form.addEventListener('submit', formulaire_ingredient_update);

    let tag_form = document.getElementById("recette-form-tag-add");

    tag_form.addEventListener('submit', formulaire_tag_update);


    

})