{% macro affiche_champ(field, icon=False) %}
    {% set id_group = kwargs.pop('id_group', '') %}
    <div class="form-group{% if field.errors %} has-warning{% endif %}" id="{{ id_group }}">
    {% if field.type in ('EmailField','PasswordField','TextField','TextAreaField','FileField',
    'QuerySelectFieldCustom','DecimalField','SelectField','IntegerField','DecimalField') %}
    {{ field.label(class="control-label col-sm-4") }}
    <div class="form-control">
      {% set css_class = 'col-sm-8 ' + kwargs.pop('class', '') %}
      {% if field.errors %}
        {% set css_class = 'error ' + css_class %}
      {% endif %}
      {{ field(class=css_class, **kwargs) }}
      {% if field.description %}<span class="help-inline">{{ field.description|safe() }}</span>{% endif %}
      {% for error in field.errors %}<span class="help-inline">{{ error|e }}</span>{% endfor %}
    </div>
    {% elif field.type in ('RadioField') %}
        {#  field.label(class="control-label") #}
        {% set id_ = kwargs.pop('id_', '') %}
        <div id="{{ id_ }}" class="col-sm-offset-4 col-sm-8">
            {% for subfield in field %}
                <label class="radio">
                    {{ subfield(**kwargs)|safe }}
                    {{ subfield.label.text }}
                </label>
            {%  endfor %}
            {%  if help %}
                {% if field.errors %}
                    <p class="help-block">
                        {%- for error in field.errors %}<span class="fa fa-star"></span> {{ error }}{% endfor -%}
                    </p>
                {% endif %}
                <p class="help-block">{{ help }}</p>
            {% endif %}
        </div>
    {% elif field.type in ('BooleanField') %}
        <div class="form-control">
            <div class="col-sm-offset-4 col-sm-8">
                <label class="checkbox">
                    {{ field(class_=class_, **kwargs) }}
                    {{ field.label.text|safe }}
                </label>
            </div>
        </div>
    {% elif field.type in ('SubmitField') %}
        {% set css_class = kwargs.pop('class_', '') %}
        {% set id_ = kwargs.pop('id_', '') %}
        <button id="{{ id_ }}" class="{{ css_class }}" type="submit">{{ field.label.text|safe }} {% if icon or text%}<span class="fa fa-{{ icon }}"></span>{% endif %}</button>
    {% else %}
        {{  field(**kwargs)|safe }}
    {% endif %}
  </div>
{% endmacro %}

{% macro affiche_champ_inline(field,icon=False) %}
    {% if field.type in ('EmailField','PasswordField','TextField','TextAreaField','FileField',
    'QuerySelectFieldCustom','DecimalField','SelectField','IntegerField','DecimalField') %}
    {{ field.label(class="control-label") }}
      {% if field.errors %}
        {% set css_class = 'error ' + css_class %}
      {% endif %}
      {{ field(class=css_class, **kwargs) }}
      {% if field.description %}<span class="help-inline">{{ field.description|safe() }}</span>{% endif %}
      {% for error in field.errors %}<span class="help-inline">{{ error|e }}</span>{% endfor %}
    {% elif field.type in ('RadioField') %}
        {{  field.label(class="control-label") }}
            {% for subfield in field %}
                <label class="radio">
                    {{ subfield(**kwargs)|safe }}
                    {{ subfield.label.text }}
                </label>
            {%  endfor %}
            {%  if help %}
                {% if field.errors %}
                    <p class="help-block">
                        {%- for error in field.errors %}<span class="fa fa-star"></span> {{ error }}{% endfor -%}
                    </p>
                {% endif %}
                <p class="help-block">{{ help }}</p>
            {% endif %}
    {% elif field.type in ('BooleanField') %}
            <label class="checkbox">
                {{ field(class_=class_, **kwargs) }}
                {{ field.label.text|safe }}
            </label>
    {% elif field.type in ('SubmitField') %}
        {% set css_class = kwargs.pop('class_', '') %}
        {% set id_ = kwargs.pop('id_', '') %}
        <button id="{{ id_ }}" class="{{ css_class }}" type="submit">{{ field.label.text|safe }} {% if icon or text%}<span class="fa fa-{{ icon }}">{% endif %}</button>
    {% else %}
        {{  field(**kwargs)|safe }}
    {% endif %}
{% endmacro %}

{% macro affiche_select_eleves() %}
<form role="form">
  <div class="form-group">
    <label id="select-eleves-group-selection-label" for="group-selection">Groupe</label>
    <select id="select-eleves-group-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="eleve-selection-label" for="group-selection">Élèves
      triés par :&nbsp
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-nom" value="nom" checked>
        nom
      </label>
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-prenom" value="prenom">
        prénom
      </label>
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-login" value="login">
        login
      </label>
    </label>
    <select id="eleve-selection" class="form-control" name="eleve-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="select-eleves-selection-list-label" for="selection-list">Sélection</label>
    <div id="select-eleves-selection-list" class="well">
      <p>Aucune sélection</p>
    </div>
  </div>
</form>
{% endmacro %}

{% macro affiche_select_etab(multi_etab) %}
<form role="form">
  <div class="form-group">
    <label id="select-etab-selection-label" for="group-selection">Etablissement{% if multi_etab == 'oui' %}s{% endif %}</label>
    <select id="select-etab-selection" class="form-control" name="group-selection">
    </select>
  </div>
  {% if multi_etab == 'oui' %}
  <div class="form-group">
    <label id="select-etab-selection-list-label" for="selection-list">Sélection</label>
    <div id="select-etab-selection-list" class="well">
      <p>Aucune sélection</p>
    </div>
  </div>
  {% endif %}
</form>
{% endmacro %}

{% macro affiche_select_eleves_direct() %}
<form role="form">
  <div class="form-group">
    <label id="select-eleves-group-selection-label" for="group-selection">Groupe</label>
    <select id="select-eleves-group-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="eleve-selection-label" for="group-selection">Élèves
      triés par :&nbsp
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-nom" value="nom" checked>
        nom
      </label>
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-prenom" value="prenom">
        prénom
      </label>
      <label class="radio-inline eleve-filter">
        <input type="radio" name="eleve-filter" id="eleve-filter-login" value="login">
        login
      </label>
    </label>
    <div id="select-eleves-selection-list" class="well">
      <p>Aucun élève</p>
    </div>
  </div>
</form>
{% endmacro %}

{% macro affiche_select_groups() %}
<form role="form">
  <div class="form-group">
    <label id="select-groups-group-selection-label" for="group-selection">Groupe</label>
    <select id="select-groups-group-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="select-groups-selection-list-label" for="selection-list">Sélection</label>
    <div id="select-groups-selection-list" class="well">
      <p>Aucune sélection</p>
    </div>
  </div>
</form>
{% endmacro %}

{% macro affiche_select_profs(classes) %}
<div id="page-wrapper" class="row grid">
{% if classes %}
    {% for class, listprofprinc in classes.items() | sort %}
      <div id="prof-selection-div-{{ class }}" class="col-xs-12 col-sm-6 droits" data-classe="{{ class }}">
        <div class="panel panel-primary">
          <div class="panel-heading">
              <h3 class="panel-title">Classe administrée : <span class="lead"><strong>{{ class }}</strong></span></h3>
          </div>
          <div class="panel-body">
    <form role="form">
      <div class="form-group">
        <label id="prof-selection-label-{{ class }}" for="prof-selection-{{ class }}">Liste des personnes autorisées&nbsp;:
        <select required id="prof-selection-{{ class }}" class="form-control listprof" name="prof-selection-{{ class }}" data-classe="{{ class }}">
        </select>
      </div>
      <div class="form-group">
        <label id="select-prof-selection-list-label-{{ class }}" for="select-prof-selection-list-{{ class }}">Autres personnes ayant les droits administrateur sur cette classe</label>
        <div id="select-prof-selection-list-{{ class }}" class="well selectionprof" data-classe="{{ class }}" data-profsprinc="{{ listprofprinc }}">
          <p>Aucune sélection</p>
        </div>
      </div>
    </form>
      </div>
    </div>
  </div>
{% endfor %}
{% else %}
<p>Aucune classe à administrer</p>
{% endif %}
</div>
{% endmacro %}

{% macro affiche_select_prof_etab() %}
<form role="form">
  <div class="form-group">
    <label id="select-profetab-selection-label" for="group-selection">Etablissement{% if multi_etab == 'oui' %}s{% endif %}</label>
    <select id="select-profetab-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="profetab-selection-label" for="group-selection">Enseignants :</label>
    <select id="profetab-selection" class="form-control" name="profetab-selection">
    </select>
  </div>
</form>
{% endmacro %}
{% macro affiche_select_create_compte_temp() %}
<form role="form" onSubmit="return false">
  <div class="form-group">
    <label id="select-createcomptetempetab-selection-label" for="group-selection">Etablissement{% if multi_etab == 'oui' %}s{% endif %}</label>
    <select id="select-createcomptetempetab-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div id="prenom" class="form-group">
    <label id="prenom-label" class="control-label" for="prenom-input">Prénom</label>
    <input class="form-control" id="prenom-input" placeholder="Prénom" autocomplete="off">
  </div>
  <div id="nom" class="form-group">
    <label id="nom-label" class="control-label" for="nom-input">Nom</label>
    <input class="form-control" id="nom-input" placeholder="Nom" autocomplete="off">
  </div>
  <div id="login" class="form-group">
    <label id="login-label" class="control-label" for="login-input">Login</label>
    <input class="form-control" id="login-input" placeholder="login" autocomplete="off">
  </div>
  <div id="expire" class="form-group">
    <label id="expire-label" class="control-label" for="expire-input">Durée d'activation (entre 1 et 14 jours)</label>
    <input class="form-control" id="expire-input" placeholder="1" autocomplete="off">
    <span id="expire-check-comptetemp" class="help-block"></span>
  </div>
</form>
{% endmacro %}
{% macro affiche_select_edit_compte_temp() %}
<form role="form">
  <div class="form-group">
    <label id="select-editcomptetempetab-selection-label" for="group-selection">Etablissement{% if multi_etab == 'oui' %}s{% endif %}</label>
    <select id="select-editcomptetempetab-selection" class="form-control" name="group-selection">
    </select>
  </div>
  <div class="form-group">
    <label id="edit-comptetemp-selection-label" for="group-selection">Utilisateur :</label>
    <select id="edit-comptetemp-selection" class="form-control" name="tempuser-selection">
    </select>
  </div>
</form>
{% endmacro %}