{% extends 'up_squelette.html' %}


{% block main %}


<div>

  
 
  <h3> Mon profil </h3>
  <p>
    Votre profil vous sert à vous faire reconnaitre par les autres membres du serveur. Il  n'y a pas besoin de mettre son vrai nom
    ou prénom ou age cela fonctionnera parfaitement même si vous ne remplissez pas tous les champs. Vous pouvez les laisser vides si
    cela vous convient.
  </p>

  <p> Pour votre mail de secours il sert à vous envoyer un mail pour changer de mot de passe en cas de perte de ce dernier. Il n'y a
    pas encore de validation de l'e-mail donc vérifiez bien ce que vous tapez. </p>

  <br/>
  <br/>

  
  <form method="POST" action="" enctype="multipart/form-data">
    <div id="fic" class="center">
      <label> Photo de profil </label>
      <input type="file" class="center" name="fic" id="fic"/><br>
      <img id="fic" src="/profil/{{ username }}/{{ profil['avatar'] }}" alt=""/>
    </div>
    <br />

     <label for="theme">Theme</label>
     <select id="theme" name="theme" required>
       <option value="" selected>Default</option>
       <option>amber</option>
       <option>blue</option>
       <option>cyan</option>
       <option>fuchsia</option>
       <option>green</option>
       <option>grey</option>
       <option>indigo</option>
       <option>jade</option>
       <option>orange</option>
       <option>rose</option>
       <option>pumpkin</option>
       <option>purple</option>
       <option>red</option>
       <option>sand</option>
       <option>slate</option>
       <option>violet</option>
       <option>yellow</option>
       <option>zinc</option>
     </select>
    
    <br />
    
    <label>Nom </label>
    <input type="text" name="nom" id="nom" value="{% if profil['nom'] != None %}{{ profil['nom'] }}{%endif%}"><br />
    <label>Prenom </label>
    <input type="text" name="prenom" id="prenom" value="{% if profil['nom'] != None %}{{ profil['prenom'] }}{%endif%}"><br />
    <label> Age </label>
    <input type="text" name="age" value="{% if profil['age'] != None %}{{ profil['age'] }}{%endif%}"><br />
    <label> Mail de secours </label>
    <input type="text" name="mail_rescue" id="mail_rescue" value="{% if profil['mail_rescue'] != None %}{{ profil['mail_rescue'] }}{%endif%}"><br />
    <button id="tada" class="btn btn-default btn-primary" type="submit">Envoyer</button>
  </form>

  
</div>


{% endblock %}