const ticket = document.getElementsByClassName('ticket');

document.getElementById('form').addEventListener('submit', function(e) {
    e.preventDefault();

    let data = new FormData(this);

    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            if (this.response != false) {
                console.log(this.response);
                for (let i=0; i < 11; i++) {
                    ticket[i].textContent = this.response[i];
                }
                if (this.response[11] == 1) {
                    ticket[11].querySelector('img').src = "../img/check.png";
                }
                else {
                    ticket[11].querySelector('img').src = "../img/excla.png";
                }
                document.getElementById('table-search').style.display = 'block';
            }
            else {
                alert("Ce ticket n'existe pas");
            }
        } else if (this.readyState == 4) {
            alert('uhe erreur est survenue...');
        }
    };
    xhr.open('POST', 'cible/search.php', true);
    xhr.responseType = 'json';
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.send("id=" + encodeURI(data.get('id')));
});