{% extends 'layout.twig' %}

{% import 'messagesysteme.twig' as msgSyst %}
{% import 'champs.twig' as form %}

{% block css %}
<link rel="stylesheet" href="../vendor/almasaeed2010/adminlte/plugins/toastr/toastr.min.css">
	<link rel="stylesheet" href="../vendor/almasaeed2010/adminlte/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
{% endblock %}

{% block content %}
	<div class="row">
		<div class="col col-md-12">

         <div class="box box-success">
            <div class="box-header">
              <h3 class="box-title">{{ trad.admin_user_modify_modify }}</h3>
            </div>
			<form class="form-horizontal" method="GET">
				<input type="hidden" name ="p" value="admin_user_modify" />
				<input type="hidden" name ="display" value="{{ d.display }}" />
				<input type="hidden" name="valid" value="yes" />

				<div class="box-body">
					<p>{{ trad.required }}</p>

					{% if utilisateur.reg_login !=  '' %}
						<div class="form-group">
							<label class="col col-sm-4" for="login">{{ trad.login }}</label>
							<div class="col col-sm-8">
								{{ utilisateur.reg_login }}
							</div>
						</div>
						<input type="hidden" name="user_login" value="{{ utilisateur.reg_login }}" />
					{% else %}
						{{ form.input('new_login', trad.login, utilisateur.reg_login, {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', require:1}) }}
					{% endif %}

					{{ form.input('reg_nom', trad.last_name, utilisateur.nom, {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', require:1}) }}
					{{ form.input('reg_prenom', trad.first_name, utilisateur.prenom, {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', require:1}) }}
					{{ form.input('reg_email', trad.mail_user, utilisateur.email, {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', type:'email', autocomplete:'off'}) }}

					<!-- Statut: Visiteur, usager... -->
					<div class="form-group row">
						<label class="col col-sm-4" for="reg_statut">{{ trad.statut }}</label>
						<div class="input-group col-sm-8">
							<select name="reg_statut" id="select_auth_mode" class="form-control" size="1">
								<option value="visiteur" {% if utilisateur.statut == 'visiteur' %} selected {% endif %}>{{ trad.statut_visitor }}</option>
								<option value="utilisateur" {% if utilisateur.statut == 'utilisateur' %} selected {% endif %}>{{ trad.statut_user }}</option>
								{% if d.estAdministrateur ==  1 %}
									<option value="gestionnaire_utilisateur" {% if utilisateur.statut == 'gestionnaire_utilisateur' %} selected {% endif %}>{{ trad.statut_user_administrator }}</option>
									<option value="administrateur" {% if utilisateur.statut == 'administrateur' %} selected {% endif %}>{{ trad.statut_administrator }}</option>
								{% endif %}
							</select>
						</div>
					</div>

					<!-- Etat : Actif/Inactif -->
					{% if trad.dEstPasLuiMeme == 1 %}
						<div class="form-group row">
							<label class="col col-sm-4" for="reg_etat">{{ trad.activ_no_activ }}</label>
							<div class="input-group col-sm-8">
								<select name="reg_etat" id="reg_etat" class="form-control">
									<option value="actif" {% if utilisateur.etat == 'actif' %} selected {% endif %}>{{ trad.activ_user }}</option>
									<option value="inactif" {% if utilisateur.etat == 'inactif' %} selected {% endif %}>{{ trad.no_activ_user }}</option>
								</select>
							</div>
						</div>
					{% else %}
						<input type="hidden" name="reg_etat" value="{{ utilisateur.etat }}" />
					{% endif %}

					<!-- Type d'authentification: Local/Externe -->
					<div class="form-group row">
						<label class="col col-sm-4" for="reg_source">{{ trad.authentification }}</label>
						<div class="input-group col-sm-8">
							<select name="reg_source" id="reg_source" class="form-control" onchange="AffichageBlocMDP();">
								<option value="local" {% if utilisateur.source == 'local' %} selected {% endif %}>{{ trad.authentification_base_locale }}</option>
								<option value="ext" {% if utilisateur.source == 'ext' %} selected {% endif %}>{{ trad.authentification_base_externe }}</option>
							</select>
						</div>
					</div>

					<!-- Changement de mot de passe, n'ai affiché que pour l'auth. locale -->
					<div id="password">
						{% if utilisateur.reg_login !=  '' %}
							<div class="form-group">
								<label class="col col-sm-12" for="reg_statut">{{ trad.champ_vide_mot_de_passe_inchange }}</label>
							</div>
						{% endif %}

						{{ form.input('reg_password', trad.pwd, '', {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', type:'password', autocomplete:'new-password'}) }}
						<div class="form-group row row">
							<div class="col-sm-4"></div>
							<div class="col-sm-8">
								{{trad.pwd_toot_short}} 
								{% if settings.pass_nb_min == 1 %}, {{settings.pass_nb_min}} {{trad.pass_x_min}}{% endif %}
								{% if settings.pass_nb_min > 1 %}, {{settings.pass_nb_min}}  {{trad.pass_x_mins}}{% endif %}
								{% if settings.pass_nb_maj == 1 %}, {{settings.pass_nb_maj}} {{trad.pass_x_maj}}{% endif %}
								{% if settings.pass_nb_maj > 1 %}, {{settings.pass_nb_maj}} {{trad.pass_x_majs}}{% endif %}
								{% if settings.pass_nb_ch == 1 %}, {{settings.pass_nb_ch}}  {{trad.pass_x_ch}}{% endif %}
								{% if settings.pass_nb_ch > 1 %}, {{settings.pass_nb_ch}}  {{trad.pass_x_chs}}{% endif %}
								{% if settings.pass_nb_sp == 1 %}, {{settings.pass_nb_sp}} {{trad.pass_x_sp}}{% endif %}
								{% if settings.pass_nb_sp > 1 %}, {{settings.pass_nb_sp}} {{trad.pass_x_sps}}{% endif %}
							</div>
						</div>
						{{ form.input('reg_password2', trad.confirm_pwd, '', {classLabel: 'col-sm-4', classInput: 'col-sm-8 control-label', type:'password'}) }}

						<div class="form-group row col-sm-12">
							<label class="col col-sm-4" for="reg_changepwd">{{ trad.user_change_pwd_connexion }}</label>
							<div class="col col-sm-8">
								<input type="checkbox" name="reg_changepwd" value="1" {% if utilisateur.changepwd == '1' %} checked {% endif %}>
							</div>
						</div>
					</div>

					<div class="form-group row col-sm-12">
						<label class="col col-sm-4" for="reg_desactive_mail">Désactiver l'envoi de mail à cet utilisateur</label>
						<div class="col col-sm-8">
							<input type="checkbox" name="reg_desactive_mail" value="1" {% if utilisateur.desactive_mail == '1' %} checked {% endif %}>
						</div>
					</div>

					<div class="row">
						<label for="commentaire">Commentaire (visible uniquement par les gestionnaires utilisateurs et les administrateurs) :</label>
						<textarea class="form-control" id="commentaire" name="reg_commentaire" cols="30" rows="4">{{ utilisateur.commentaire }}</textarea><br/>
					</div>
	

					{% if utilisateur.reg_login !=  '' %}
						<hr>

						<!-- Format liste des domaines / ressources -->
						<div class="form-group row col-sm-12">
							<label class="col col-sm-6" for="area_list_format">{{ trad.explain_area_list_format }}</label>
							<div class="col col-sm-6">
								<select class="form-control" name="area_list_format">
									<option value="list" {% if utilisateur.default_list_type == 'list' %} selected {% endif %}>{{ trad.liste_area_list_format }}</option>
									<option value="select" {% if utilisateur.default_list_type == 'select' %} selected {% endif %}>{{ trad.select_area_list_format }}</option>
									<option value="item" {% if utilisateur.default_list_type == 'item' %} selected {% endif %}>{{ trad.item_area_list_format }}</option>
								</select>
							</div>					
						</div>

						<!-- Site / Domaine et ressource par défaut -->
						{% if settings.module_multisite == 'Oui' %}
							<div class="form-group row col-sm-12">
								<label class="col col-sm-6" for="default_css">{{ trad.default_site }}</label>
								<div class="col col-sm-6">
									<select class="form-control" id="id_site" name="id_site" onchange="modifier_liste_domaines();modifier_liste_ressources(2)">
										<option value="-1">{{ trad.choose_a_site }}</option>
										{{ d.optionSite | raw }}
									</select>
								</div>
							</div>
						{% else %}
							<input type="hidden" id="id_site" name="id_site" value="-1" />
						{% endif %}
						<div id="div_liste_domaines"></div>
						<div id="div_liste_ressources"></div>

						<!-- Style -->
						<div class="form-group row col-sm-12">
							<label class="col col-sm-6" for="default_css">{{ trad.explain_css }}</label>
							<div class="col col-sm-6">
								<select class="form-control" name="default_css">
									{{ d.optionTheme | raw }}
								</select>
							</div>
						</div>

						<!--Langue  -->
						<div class="form-group row col-sm-12">
							<label class="col col-sm-6" for="default_language">{{ trad.choose_language }}</label>
							<div class="col col-sm-6">
								<select class="form-control" name="default_language">
									{{ d.optionLangue | raw }}
								</select>
							</div>
						</div>
					{% endif %}

					<hr>

					<!-- Gestion des groupes -->
					<div class="form-group">
						<label>{{ trad.groupes }}</label>
						<select name="groupes[]" id="groupes" class="duallistbox" multiple="multiple">
							{% for groupe in groupesajoutable %}
								<option value="{{ groupe.idgroupes }}">{{ groupe.nom }}</option>
							{% endfor %}
							{% for groupe in groupespresent %}
								<option value="{{ groupe.idgroupes }}" selected>{{ groupe.nom }}</option>
							{% endfor %}
						</select>
					</div>
					<!-- /.form-group -->

				</div>

				<!-- /.box-body -->
				<div class="box-footer">
					<a href="?p=admin_user" class="btn btn-default btn-md">{{ trad.back }}</a>
					<input type="submit" name="save" value="{{ trad.save }}" class="btn btn-success btn-md pull-right" />
				</div>
			</form>
          </div>
          <!-- /.box -->

		  <!-- Liste des privilèges de l'utilisateur  -->
		 {% if utilisateur.reg_login !=  '' %}
			<div class="box box-primary">
				<div class="box-header">
				  <h3 class="box-title">{{ trad.liste_privileges }}</h3>
				</div>

				<div class="box-body">
					<ul>
						{{ d.AdministrateurSite |raw }}
						{{ d.AdministrateurDomaine |raw }}
						{{ d.ressoureceRestreinte |raw }}
						{{ d.AdministrateurOuRien |raw }}
					</ul>



				</div>
				<!-- /.box-body -->

				<div class="box-footer">
					<a href="?p=admin_user" class="btn btn-default btn-md">{{ trad.back }}</a>
				</div>
			</div>
			<!-- /.box -->
		{% endif %}

		</div>
	</div>


{% endblock %}

{% block javascript %}
	<script src="../vendor/almasaeed2010/adminlte/plugins/toastr/toastr.min.js"></script>
	<script src="../vendor/almasaeed2010/adminlte/plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
	<script type='text/javascript'>
		function modifier_liste_domaines(){
			$.ajax({
				url: "../compte/my_account_modif_listes.php",
				type: "get",
				dataType: "html",
				data: {
					id_site: $('#id_site').val(),
					default_area : '{{ utilisateur.default_area }}',
					session_login:'{{ d.nomUtilisateur }}',
					use_site:'{{ d.use_site }}',
					type:'domaine',
				},
				success: function(returnData){
					$("#div_liste_domaines").html(returnData);
				},
				error: function(e){
					alert(e);
				}
			});
		}
		function modifier_liste_ressources(action){
			$.ajax({
				url: "../compte/my_account_modif_listes.php",
				type: "get",
				dataType: "html",
				data: {
					id_area:$('id_area').serialize(true),
					default_room : '{{ utilisateur.default_room }}',
					type:'ressource',
					action:+action,
				},
				success: function(returnData){
					$("#div_liste_ressources").html(returnData);
				},
				error: function(e){
					alert(e);
				}
			});
		}
		modifier_liste_domaines();
		modifier_liste_ressources(1);
		
		$(function(){
			AffichageBlocMDP()
		})

		$('.duallistbox').bootstrapDualListbox()

		function display_password_fields(id){
			if ($('#'+id).val()=='locale')
			{
				$('#password_fields').show();
			}
			else
			{
				$('#password_fields').hide();
			}
		}

		function AffichageBlocMDP(){
			var regSource = document.getElementById("reg_source");
			var typeAuth = regSource.options[regSource.selectedIndex].value;

			if(typeAuth == "local")
			{
				password.style.visibility='visible';
			} 
			else 
			{
				password.style.visibility='hidden';
			}
		}

		{%if d.enregistrement%}
			{%if d.enregistrement == 1 %}
				toastr.success("{{trad.message_records}}")
			{% else %}
				toastr.warning("{{d.enregistrement|raw}}")
			{%endif%}
		{%endif%}
	</script>
{% endblock %}