{% extends 'layout.twig' %}

{% block body %}
  <div class="container" id="signupContain">
    <form action="{{ path('account.signup') }}" method="post">
      {{ csrf_input() }}
      {{ field('username', user.username, "Pseudo *") }}
      <div class="loadingPubkey"></div>
      <div id="livesearch-pubkey"></div>
      <div id=cle_pub>{{ field('pubkey', user.pubkey, "Clé publique*") }}</div>
      <div id=lastnameDiv>{{ field('lastname', user.lastname, "Nom") }}</div>
      <div id=firstnameDiv>{{ field('firstname', user.firstname, "Prénom") }}</div>
      {{ field('email', user.email, "Email *", {type: 'email'}) }}
      {{ field('password', null, "Mot de passe *", {type: 'password'}) }}
      {{ field('password_confirm', null, "Confirmez le mot de passe *", {type: 'password'}) }}
      <div id="champsObligatoires">* Champs obligatoires</div>
      {{ field('created_at', date(), null, {type: 'hidden'}) }}
      <button class="btn btn-primary" id="validSignup">S'inscrire</button>
    </form>
  </div>


<script>

var textInput = document.getElementById('username');
var timeout = null;
$body = $("body");
(document.getElementById("pubkey").value) ? noPubKey("block") : true ;

textInput.onkeyup = function (e) {
    clearTimeout(timeout);
    timeout = setTimeout(function () {
        xmlhttp=new XMLHttpRequest();
        xmlhttp.onreadystatechange=function() {
            if (this.readyState==4 && this.status==200) {
                pubkeyAnswer=this.responseText;
                pubkeyIsNull = pubkeyAnswer.includes("Aucune clé n'a été trouvée à partir de ce pseudo");
 //               (pubkeyIsNull) ? sentenceAnswer=this.responseText : sentenceAnswer="j'ai trouvé ta clé publique Ḡ1 !";  
//                sentenceAnswer=this.responseText;
                (pubkeyIsNull) ? document.getElementById("livesearch-pubkey").innerHTML=pubkeyAnswer : document.getElementById("livesearch-pubkey").innerHTML='ḠTrouvé une clé ! =)<br>Clé publique: ' + pubkeyAnswer;
                (pubkeyIsNull) ? document.getElementById("pubkey").value="" : document.getElementById("pubkey").value=pubkeyAnswer;
                document.getElementById("livesearch-pubkey").style.border="2px solid #A5ACB2";
                (pubkeyIsNull) ? noPubKey("block") : noPubKey("hide");
            }
        }
        $body.addClass("loading");
        xmlhttp.open("GET","/models/getG1PubKey.php?vendeur="+textInput.value,true);
        xmlhttp.send();
    }, 800);
};

function noPubKey(state) {
  $body.removeClass("loading");
  var textMbr = document.getElementById("cle_pub");
  if (state == "hide"){
    textMbr.style.display = "none";
  } else {
    textMbr.style.display = "block";
  }
}


</script>

{% endblock %}