{% extends "layout.html" %}
{% set letitre = "Gestion des mots de passe" %}
{% if profs_can_force_password_modification != 'oui' %}
{% set force_modification_checkbox_attr = "disabled" %}
{% else %}
{% set force_modification_checkbox_attr = "" %}
{% endif %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/chosen.css') }}">
{% endblock %}
{% block breadcrumb %}
<ol class="breadcrumb">
  <li><a href="{{url_for('index.show')}}">Accueil</a></li>
  <li><a href="{{url_for('index.show')}}#gestion">Gestion</a></li>
  <li class="active">Mot de passe</li>
</ol>
{% endblock %}
{% block content %}
<div id="page-wrapper" class="row">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">Changement de mot de passe par utilisateur</h3>
    </div>
    <div class="panel-body">
      <div id="mdp-result-message" class="alert alert-dismissable" style="display: none;">
      </div>
      <div id="mdp-user-selection" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">Utilisateurs concernés</h3>
          </div>
          <div class="panel-body">
            {% from "_macro.html" import affiche_select_eleves %}
            {{ affiche_select_eleves() }}
          </div>
        </div>
      </div>
      <!--/#mdp-user-selection -->

      <div id="mdp-action" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">Nouveau mot de passe</h3>
          </div>
          <div class="panel-body">
            <form role="form" onSubmit="return false">
              <div class="radio check">
                <label>
                  <input type="radio" name="option" id="option-random" value="random" checked>
                  Mot de passe aléatoire
                </label>
              </div>
              <div class="radio check">
                <label>
                  <input type="radio" name="option" id="option-common" value="common">
                  Même mot de passe pour tous
                </label>
              </div>
              <div id="common-password" class="form-group" style="display: none;">
                <label id="common-password-label" class="control-label" for="common-password-input">Mot de passe
                  commun</label>
		<div id="common-password-input-group" class="input-group">
		  <input type="password" class="form-control" id="common-password-input" placeholder="Mot de passe" autocomplete="off">
		  <span id="common-password-input-group-addon" class="input-group-addon">
                    <i id="toggle-common-password" class="fa fa-eye-slash" style="cursor: pointer"></i>
		  </span>
		</div>
                <span id="complexity-check" class="help-block"></span>
              </div>
              {% if forced_password_modification_allowed %}
              <div class="checkbox">
                <label>
                  <input id="force-modification" type="checkbox" value="force-modification" {{force_modification_checkbox_attr}} checked>
                  Forcer la modification du mot de passe à la première connexion.
                </label>
              </div>
              {% endif %}
              <div class="text-center">
                <button id="btnSubmitPassword" class="btn btn-primary">
                  Modifier
                  <i class="fa fa-check-circle"></i>
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <!--/#mdp-action -->
    </div>
  </div>
  {% if is_admin_etab or is_admin %}
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">Changement de mot de passe enseignant</h3>
    </div>
    <div class="panel-body">
      <div id="mdpprof-result-message" class="alert alert-dismissable" style="display: none;">
      </div>
      <div id="mdpprof-etab-selection" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">Utilisateurs concernés</h3>
          </div>
          <div class="panel-body">
            {% from "_macro.html" import affiche_select_prof_etab %}
            {{ affiche_select_prof_etab() }}
          </div>
        </div>
      </div>
      <!--/#mdp-user-selection -->

      <div id="mdpprofetab-action" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">Nouveau mot de passe</h3>
          </div>
          <div class="panel-body">
            <form role="form" onSubmit="return false">
              {% if activer_ad == 'non' %}
              <div class="radio checkprofetab">
                <label>
                  <input type="radio" name="option" id="option-birthdate" value="birthdate">
                  Date de naissance
                </label>
              </div>
              {% endif %}
              <div class="radio checkprofetab">
                <label>
                  <input type="radio" name="option" id="option-random" value="random" checked>
                  Mot de passe aléatoire
                </label>
              </div>
              {% if activer_ad == 'non' %}
              <div class="radio checkprofetab">
                <label>
                  <input type="radio" name="option" id="option-name" value="name" checked>
                  De la forme 'nom.prenom'
                </label>
              </div>
              {% endif %}
              <div class="radio checkprofetab">
                <label>
                  <input type="radio" name="option" id="option-common-profetab" value="common">
                  Mot de passe personnalisé
                </label>
              </div>
              <div id="common-password-profetab" class="form-group" style="display: none;">
                <label id="common-password-profetab-label" class="control-label" for="common-password-profetab-input">Mot de passe</label>
		<div id="common-password-profetab-input-group" class="input-group">
		  <input type="password" class="form-control" id="common-password-profetab-input" placeholder="Mot de passe" autocomplete="off">
		  <span id="common-password-profetab-input-group-addon" class="input-group-addon">
                    <i id="toggle-common-password-profetab" class="fa fa-eye-slash" style="cursor: pointer"></i>
		  </span>
		</div>
                <span id="complexity-check-profetab" class="help-block"></span>
              </div>
              {% if forced_password_modification_allowed %}
              <div class="checkbox">
                <label>
                  <input id="force-modification-profetab" type="checkbox" value="force-modification" {{force_modification_checkbox_attr}} checked>
                  Forcer la modification du mot de passe à la première connexion.
                </label>
              </div>
              {% endif %}
              <div class="text-center">
                <button id="btnSubmitPasswordProfEtab" class="btn btn-primary">
                  Modifier
                  <i class="fa fa-check-circle"></i>
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <!--/#mdp-action -->
    </div>
  </div>
  {% endif %}
  {% if is_admin %}
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">Changement de mot de passe élèves par établissement</h3>
    </div>
    <div class="panel-body">
      <div id="mdpetab-result-message" class="alert alert-dismissable" style="display: none;">
      </div>
      <div id="mdpetab-user-selection" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            {% if multi_etab == 'non' %}
            <h3 class="panel-title">Etablissement concerné</h3>
            {% else %}
            <h3 class="panel-title">Etablissements concernés</h3>
            {% endif %}
          </div>
          <div class="panel-body">
            {% from "_macro.html" import affiche_select_etab %}
            {{ affiche_select_etab(multi_etab) }}
          </div>
        </div>
      </div>
      <!--/#mdp-user-selection -->

      <div id="mdpetab-action" class="col-xs-12 col-sm-6">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">Nouveau mot de passe</h3>
          </div>
          <div class="panel-body">
            <div id="mdpetab-result-message" class="alert alert-dismissable" style="display: none;">
            </div>
            <form role="form" onSubmit="return false">
              <div class="radio checketab">
                <label>
                  <input type="radio" name="option" id="option-random" value="random" checked>
                  Mot de passe aléatoire
                </label>
              </div>
              <div class="radio checketab">
                <label>
                  <input type="radio" name="option" id="option-common-etab" value="common">
                  Même mot de passe pour tous
                </label>
              </div>
              <div id="common-password-etab" class="form-group" style="display: none;">
                <label id="common-password-etab-label" class="control-label" for="common-password-etab-input">Mot de passe
                  commun</label>
		<div id="common-password-etab-input-group" class="input-group">
		  <input type="password" class="form-control" id="common-password-etab-input" placeholder="Mot de passe" autocomplete="off">
		  <span id="common-password-etab-input-group-addon" class="input-group-addon">
                    <i id="toggle-common-password-etab" class="fa fa-eye-slash" style="cursor: pointer"></i>
		  </span>
		</div>
                <span id="complexity-check-etab" class="help-block"></span>
              </div>
              {% if forced_password_modification_allowed %}
              <div class="checkbox">
                <label>
                  <input id="force-modification-etab" type="checkbox" value="force-modification" readonly="readonly" {{force_modification_checkbox_attr}} checked>
                  Forcer la modification du mot de passe à la première connexion.
                </label>
              </div>
              {% endif %}
              <div class="text-center">
                <button id="btnSubmitEtabsPassword" class="btn btn-primary">
                  Modifier
                  <i class="fa fa-check-circle"></i>
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <!--/#mdp-action -->
    </div>
  </div>
  {% endif %}
</div>
{% endblock %}
{% block script %}
<script src="{{ url_for('static', filename='js/chosen.jquery.js') }}"></script>
<script src="{{ url_for('static', filename='js/select_eleves_widget.js') }}"></script>
<script src="{{ url_for('static', filename='js/select_etabs_widget.js') }}"></script>
<script src="{{ url_for('static', filename='js/select_profetab_widget.js') }}"></script>
<script>
  var nb_classe_min = {{ nb_classe_min }};
  var nb_car_min = {{ nb_car_min }};
</script>
<script src="{{ url_for('static', filename='js/motdepasse/mdp.js') }}"></script>
<script src="{{ url_for('static', filename='js/motdepasse/mdp_utils.js') }}"></script>
{% endblock %}