var request;
var objJSON;
var id_mongo;
const xhr = new XMLHttpRequest();
var url = "http://orion.fis.agh.edu.pl/~antek/spn_2022/bd01/";


// Lista rekordow w bazie
function _list() {    
   var url_list = url + "plik_read.php" ;
   xhr.open("GET", url_list, true);   
   xhr.responseType = 'html';
   xhr.addEventListener("load", e => {
      if (xhr.status == 200)    {
         //objJSON = JSON.parse(request.response);
		 res = xhr.response ;
		 document.getElementById('data').innerHTML = '';
         document.getElementById('result').innerHTML = res;
      }
   })
   xhr.send(null);
}

// Wstawianie rekordow do bazy
function _ins_form() {
   var form1 = "<form name='add'><table>" ;
   form1    += "<tr><td>Nazwisko</td><td><input type='text' id='nazwisko' value='nazwisko' ></input></td></tr>";
   form1    += "<tr><td>Imie</td><td><input type='text' id='imie' value='imie' ></input></td></tr>";
   form1    += "<tr><td>Ocena</td><td><input type='text' id='ocena' value='ocena' ></input></td></tr>";  
   form1    += "<tr><td></td><td><input type='button' value='wyslij' onclick='_insert(this.form)' ></input></td></tr>";
   form1    += "</table></form>";
   document.getElementById('data').innerHTML = form1;
   document.getElementById('result').innerHTML = ''; 
}

function _insert(form)  {
  var nazwisko = document.getElementById('nazwisko').value ;    
  var imie     = document.getElementById('imie').value ; 
  var ocena    = document.getElementById('ocena').value ;   
  var url_insert = url + "plik_insert.php" ;
  var data = encodeURI("nazwisko=" + nazwisko + "&imie=" + imie + "&ocena=" + ocena) ;
 
  xhr.open("POST", url_insert, true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.addEventListener("load", e => {
    if ( xhr.status == 200 )  {
         response = xhr.response;
		 document.getElementById('data').innerHTML = '';
         document.getElementById('result').innerHTML = res;
    }
  })
  xhr.send(data);
  
}