{% extends "index.html" %}
{% block title %}Mon compte{% endblock %}
      {% block main %}
      <article>
        <h3>Informations personnelles</h3>
        <p>
          Merci de bien vouloir remplir vos informations personnelles afin que l'équipe d'organisation
          du THSF puisse rester en contact avec vous avant et tout au long de l'évènement.
        </p>
        <p>
          Notez que:
        </p>
        <ul>
          <li>Votre adresse mail doit être <strong>valide et consultée</strong> régulièrement si vous ne voulez pas manquez des informations importantes telels que les dates de réunions de staff</li>
          <li>Un nom ou pseudonyme est nécessaire pour pouvoir s'enregistrer sur <a href='/staffsheet'>la feuille de staff</a></li>
          <li>Votre numéro de téléphone nous permettra de vous contacter pendant l'évènement</li>
          <li>Si vous avez un régime alimentaire particulier (intolérences, veganisme, religieux), merci de le préciser dans le champs prévu à cet effet</li>
          <li>Hormis votre pseudonyme aucune des données que vous nous transmettrez ne sera exposée au public ou fournie à un tiers</li>
        </ul>
        <form method='POST' action='/account/update'>
          <label>Adresse email: </label><input id='login' name='login' type='text' value='{{ mail }}' disabled='disabled'/><br/>
          <label>Pseudonyme: </label><input id='name' name='name' type='text' value='{{ name }}' required maxlength=20/><br/>
          <label>Nouveau mot de passe: </label><input id='password' name='password' type='password'/><br/>
          <label>Confirmation mot de passe: </label><input id='confirm' name='confirm' type='password'/><br/>
          <label>Numéro de téléphone: </label><input id='phone' name='phone' type='text' value='{{ phone }}'/><br/>
          <label>Régime alimentaire et remarques: </label><input id='diet' name='diet' type='text' value='{{ diet }}'/><br/>
          <input type='submit' value='Update' onclick='javascript:return update_account();'>
        </form>
      </article>
      {% endblock %}