<form class="" action="/register" method="post" enctype="multipart/form-data">
  {# Error message #}
  {% if message_register is defined %}<div class="text-danger font-weight-bold ">{{ message_register }}</div>{% endif %}
  {# UserName #}
  <div class="">
    <label for="username">Nom d'utilisateur</label>
    <input name="username" type="text" placeholder="JohnDoe" required>
  </div>
  <div class=""> 
    <label for="username">Email</label>
    <input name="email" type="email" placeholder = "mail@example.com" required>
  </div>
  <div class="">
    <label for="password">Mot de passe</label>
    <input name="password" type="password" placeholder="mdp" required>
  </div>
  <div class="">
      <label for="repassword">Confirmez le mot de passe</label>
      <input name="repassword" type="password" placeholder="mdp" required>
  </div>
  <div class="">
    <label for="input-image">
      <span>Image de profil </span>
      <input name="image" type="file" accept="image/png, image/jpg, image/gif, image/jpeg"/>
    </label>
  </div>
  <button type="submit">S'inscrire</button>
  <div id="g_id_onload"
    data-client_id="1041713159432-vad6qp7ce7p9iid9qjdiopi7n6ajvmtv.apps.googleusercontent.com"
    data-login_uri="/auth"
    data-auto_prompt="false"
  ></div>
  <button class="g_id_signin"></button>
  <a href="/forgotpassword" class="color-hover">Mot de passe oublié ?</a><br>
  <a href="/login" class="color-hover">Se connecter</a>
  <hr>
</form>