{% extends "main.html" %}
{% load bootstrap4 %}
{% load static %}

{% block title %}Mon profil{% endblock title %}

{% block head %}
  <link rel="stylesheet" href="{% static "profil/style.css" %}" type="text/css" media="screen"/>
  <script type="text/javascript">
    function traiteTouche(e) {
      touche = (
        window.event
        ? e.keyCode
        : e.which);
      if (touche == 13 || touche == 15) {
        document
          .getElementById("chgcontact_env")
          .click();
        return false;
      } else {
        return true;
      }
    }
  </script>
  {{ form_infos.media }}
{% endblock head %}

{% block content %}

  <div class="default-container">
    <h1>Mon profil</h1>

    {% for message in messages %}
      <div {% if message.tags %} class="alert {{ message.tags }}" {% endif %}>
        {{ message }}
      </div>
    {% endfor %}

    {% if clubs %}
      <fieldset>
        <legend>Mes clubs</legend>
        <ul>
          {% for club in clubs %}
            <li>
              <a href="/clubs/{{ club.ident }}">{{ club.nom }}</a>
              <a href="{% url 'gestion:clubs:gest_accueil' club.ident %}" class="btn btn-secondary">Gestion</a>
            </li>
          {% endfor %}
        </ul>
      </fieldset>
    {% endif %}

    {% if attente_confirmation or not nom_parrain %}
      <fieldset>

        <legend>Mon parrain / ma marraine</legend>
        {% if site_ecole.ident == "n7" %}
          Rends toi <a href="https://churros.inpt.fr/me">ton profil Churros</a> trouver ton parrain ou ta marraine :)
        {% else %}
          {% if nom_parrain %}
            <form method="get" action="{% url 'profil_supprimer' %}">
              <label>
                Je suis le fillot de
                {{ nom_parrain }}
                (en attente de confirmation).
              </label>
              <section class="barre_boutons">
                <input type="submit" value="Annuler" class="btn btn-primary"/>
              </section>
            </form>
          {% else %}
            <form method="get" id="changer_parrain" action="{% url 'profil_rechercher' %}">
              <label for="q">Trouver mon parrain / ma marraine :</label>
              <input type="text" name="q" id="q"/>
              <section class="barre_boutons">
                <input type="submit" value="Rechercher" class="btn btn-primary"/>
              </section>
            </form>
          {% endif %}
        {% endif %}
      </fieldset>
    {% endif %}

    {% if demandes_parrainage %}
      <form method="post" action="#confirm_fillot">
        <fieldset id="confirm_fillot">
          <legend>Confirmation de mon fillot / ma fillote</legend>
          {% for fillot in demandes_parrainage %}
            <label for="q">{{ fillot.get_link }}</label>
            <input type="radio" name="cf_{{ fillot.username }}" value="1"/>Oui
            <input type="radio" name="cf_{{ fillot.username }}" value="0"/>Non
            <input type="radio" name="cf_{{ fillot.username }}" value="-1"/>Annuler<br>
          {% endfor %}
          <section class="barre_boutons">
            <input type="submit" name="submit_fillot" value="Confirmer" class="btn btn-primary"/>
          </section>
        </fieldset>
      </form>
    {% endif %}

    <form method="post" action="#chginfo" enctype="multipart/form-data">
      <fieldset id="chginfo">
        <legend>Mes informations personnelles</legend>
        {% bootstrap_form form_infos layout="horizontal" %}
        <section class="barre_boutons">
          <input type="submit" name="submit_infos" value="Envoyer" class="btn btn-primary"/>
        </section>
      </fieldset>
    </form>

    <form method="post" action="#change_photo" enctype="multipart/form-data">
      <fieldset id="change_photo">
        <legend>Modifier ma photo</legend>
        {% if photoform %}
          {% bootstrap_form photoform %}
          Les demandes de modification de photos sont soumises à modération.
          <section class="barre_boutons">
            <input type="submit" name="submit_photo" value="Envoyer" class="btn btn-primary"/>
          </section>
        {% else %}
          <img class="photo" src="data:image/jpg;base64,{{ photoinfo.0.new_photo }}"/>
          Vous avez une demande de modification de photo en cours. Vous pouvez contacter votre BDE ou
          <a href="mailto:inp-net@list.bde.inp-toulouse.fr">INP-net</a>
          si elle n'est pas traitée sous quelques jours.
          <section class="barre_boutons">
            <input type="submit" name="del_photo" value="Supprimer" class="btn btn-primary"/>
          </section>
        {% endif %}
      </fieldset>
    </form>

    <form method="post" action="#chgmails">
      <fieldset id="chgmails">
        <legend>Mes adresses mails</legend>
        Vous possédez les adresses mails suivante sur notre serveur mail :
        <ul>
          <li>{{ mail }}</li>
          {% for mail in mailLocal %}
            <li>{{ mail }}</li>
          {% endfor %}
        </ul>
        {% if mailForwarding %}
          Les e-mails reçus à ce{{ mailForwardingAddressCount|pluralize:"tte,s" }}
          adresse{{ mailForwardingAddressCount|pluralize }}
          sont actuellement transférés à l’adresse
          {{ mailForwarding }}.
          <a href="adr_redir">Modifier…</a>
        {% else %}
          Les e-mails reçus à ce{{ mailForwardingAddressCount|pluralize:"tte,s" }}
          adresse{{ mailForwardingAddressCount|pluralize }}
          sont consultables sur le
          <a href="http://webmail.inpt.fr">webmail</a>
          et peuvent être récupérés en
          <a href="/doc/mails">imap</a>. Vous pouvez également les
          <a href="adr_redir">transférer à une autre adresse e-mail.</a>
        {% endif %}
        <section class="barre_boutons">
          <input type="submit" name="submit_mails" value="Envoyer" class="btn btn-primary"/>
        </section>
      </fieldset>
    </form>

    <form method="post" action="#chgcontact" onkeydown="return traiteTouche(event);">
      <fieldset id="chgcontact">
        <legend>Mes coordonnées électroniques</legend>
        {% for field in form_contact %}
          {% if field.field.titre %}
            <div class="soustitre">{{ field.field.titre }}</div>
          {% endif %}
          <div class="champ{% if field.errors %} avec_erreurs{% endif %}">
            {{ field.errors }}
            {{ field.label_tag }}
            {{ field }}
            {% if field.field.a_bouton_moins %}
              <button type="submit" name="moins_{{ field.name }}">−</button>
            {% endif %}
            {% if field.field.a_bouton_plus %}
              <button type="submit" name="plus_{{ field.field.ident_interne }}">+</button>
            {% endif %}
            {% if field.help_text %}<br>
              <span>{{ field.help_text }}</span>{% endif %}
          </div>
        {% endfor %}
        <input type="hidden" name="info_contact" value="1"/>
        <section class="barre_boutons">
          <input id="chgcontact_env" type="submit" value="Envoyer" class="btn btn-primary"/>
        </section>
      </fieldset>
    </form>

    <form method="post" action="#changer_mdp" autocomplete="off">
      <fieldset id="changer_mdp">
        <legend>Changer de mot de passe</legend>
        {% if site_ecole.ident == "n7" %}
          Rends-toi sur <a href="https://churros.inpt.fr/me">ton profil Churros</a> pour changer de mot de passe. Il sera changé pour bde.enseeiht.fr également.
        {% else %}
          {% bootstrap_form form_mdp layout="horizontal" %}
          <section class="barre_boutons">
            <input type="submit" name="submit_mdp" value="Envoyer" class="btn btn-primary"/>
          </section>
        {% endif %}
      </fieldset>
    </form>
  </div>

{% endblock content %}