{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "admin/template-admin.html.twig"%}

{% block contenu_principal_admin %}
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<h5 class="mt-3">Edition utilisateur</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="edit-border">
					<form method="post" enctype="multipart/form-data">
						<div class="row">

							<div class="col-lg-3">
								<label for="email" class="col-form-label col-form-label-sm">Email<span class="text-danger">
										*</span>
								</label><br/>
								<input type="email" name="email" id="email" class="form-control form-control-sm" required autofocus placeholder="johndoe@email.com" value="{% if utilisateur is defined and utilisateur is not empty %}{{utilisateur.email}} {% endif %}"/><br/>
							</div>

							<div class="col-lg-3">
								<label for="login" class="col-form-label col-form-label-sm">Identifiant<span class="text-danger">
										*</span>
								</label><br/>
								<input type="text" name="login" id="login" class="form-control form-control-sm" placeholder="john" required value="{% if utilisateur is defined and utilisateur is not empty %}{{utilisateur.login}} {% endif %}"/><br/>
							</div>

							<div class="col-lg-3 {% if edit is defined and  edit == true %}d-none{% endif %}">
								<label for="password" class="col-form-label col-form-label-sm">Mot de passe<span class="text-danger">
										*</span>
								</label><br/>
								<input type="text" name="password" id="password" class="form-control  form-control-sm" readonly placeholder="Mot de passe généré" value="{{password}}"/>
							</div>

							<div class="col-lg-2 mt-4">
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input" id="actif" name="actif" required {% if utilisateur is defined and utilisateur.actif %} checked {% endif %}>
									<label class="custom-control-label" for="actif" class="col-form-label col-form-label-sm">Actif<span class="text-danger">
											*</span>
									</label>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-lg-4">
								<label for="role" class="col-form-label col-form-label-sm">Rôle<span class="text-danger">
										*</span>
								</label><br>
								<input type="hidden" value="0" name="nombre-role" id="nombre-role"/>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="administrateur" value="ROLE_ADMIN">
									<label class="custom-control-label col-form-label-sm" for="administrateur" class="col-form-label col-form-label-sm">Administrateur</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="assistant_commercial" value="ROLE_ASSISTANT_COMMERCIAL">
									<label class="custom-control-label col-form-label-sm" for="assistant_commercial" class="col-form-label col-form-label-sm">Assistant commercial</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="assistant_comtapble" value="ROLE_ASSISTANT_COMPTABLE">
									<label class="custom-control-label col-form-label-sm" for="assistant_comtapble" class="col-form-label col-form-label-sm">Assistant comptable</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="assistant_logistique" value="ROLE_ASSISTANT_LOGISTIQUE">
									<label class="custom-control-label col-form-label-sm" for="assistant_logistique" class="col-form-label col-form-label-sm">Assistant logistique</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="attache_commercial" value="ROLE_ATTACHE_COMMERCIAL">
									<label class="custom-control-label col-form-label-sm" for="attache_commercial" class="col-form-label col-form-label-sm">Attaché commercial</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="directeur_finance_comptabilite" value="ROLE_DIRECTEUR_FINANCE_COMPTABILITE">
									<label class="custom-control-label col-form-label-sm" for="directeur_finance_comptabilite" class="col-form-label col-form-label-sm">Directeur finance et comptabilité</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="directeur_general" value="ROLE_DIRECTEUR_GENERAL">
									<label class="custom-control-label col-form-label-sm" for="directeur_general" class="col-form-label col-form-label-sm">Directeur général</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="directrice_exploitation" value="ROLE_DIRECTRICE_EXPLOITATION">
									<label class="custom-control-label col-form-label-sm" for="directrice_exploitation" class="col-form-label col-form-label-sm">Directrice d'exploitation</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="juriste" value="ROLE_JURISTE">
									<label class="custom-control-label col-form-label-sm" for="juriste" class="col-form-label col-form-label-sm">Juriste</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="office_manager" value="ROLE_OFFICE_MANAGER">
									<label class="custom-control-label col-form-label-sm" for="office_manager" class="col-form-label col-form-label-sm">Office manager</label><br/>
								</div>
							</div>
							<div class="col-lg-4">
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_back_office" value="ROLE_RESPONSABLE_BACK_OFFICE">
									<label class="custom-control-label col-form-label-sm  mt-4" for="responsable_back_office" class="col-form-label col-form-label-sm">Responsable back office</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_commercial" value="ROLE_RESPONSABLE_COMMERCIAL">
									<label class="custom-control-label col-form-label-sm" for="responsable_commercial" class="col-form-label col-form-label-sm">Responsable commercial</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_comptable" value="ROLE_RESPONSABLE_COMPTABLE">
									<label class="custom-control-label col-form-label-sm" for="responsable_comptable" class="col-form-label col-form-label-sm">Responsable comptable</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_ecobox" value="ROLE_RESPONSABLE_ECOBOX">
									<label class="custom-control-label col-form-label-sm" for="responsable_ecobox" class="col-form-label col-form-label-sm">Responsable ecobox</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_exploitation" value="ROLE_RESPONSABLE_EXPLOITATION">
									<label class="custom-control-label col-form-label-sm" for="responsable_exploitation" class="col-form-label col-form-label-sm">Responsable exploitation</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_moijeutri" value="ROLE_RESPONSABLE_MOIJEUTRI">
									<label class="custom-control-label col-form-label-sm" for="responsable_moijeutri" class="col-form-label col-form-label-sm">Responsable Moi Jeu Tri</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_projet" value="ROLE_RESPONSABLE_PROJET">
									<label class="custom-control-label col-form-label-sm" for="responsable_projet" class="col-form-label col-form-label-sm">Responsable projet, process et développement</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_rse" value="ROLE_RESPONSABLE_RSE">
									<label class="custom-control-label col-form-label-sm" for="responsable_rse" class="col-form-label col-form-label-sm">Responsable service RSE</label><br/>
								</div>
								<div class="custom-control custom-checkbox">
									<input type="checkbox" class="custom-control-input role" id="responsable_qhse" value="ROLE_RESPONSABLE_QHSE">
									<label class="custom-control-label col-form-label-sm" for="responsable_qhse" class="col-form-label col-form-label-sm">Responsable comptable</label><br/>
								</div>
							</div>
						</div>

						<input type="hidden" name="_token" value="{{ csrf_token('edit_user') }}"/><br/>
						<div class="row">
							<div class="col-lg-12">
								<a class="btn btn-discard btn-sm" href="{{path('app_admin')}}">
									<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler
								</a>
								<button class="btn btn-new btn-sm">
									<i class="fa fa-floppy-o fa-lg" color="white"></i>&nbsp;&nbsp;Enrégistrer
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block script %}
	<script>
		$(document).ready(function(){
			$('.role').change(function(){
				let nombreRole = parseInt($('#nombre-role').val());
				let precedent = nombreRole - 1;
				let suivant = nombreRole + 1;
				if($(this).is(':checked')){
					$(this).attr("name", nombreRole + 1);
					$('#nombre-role').val(suivant);
				}else{
					$(this).removeAttr("name");
					if(precedent > 0){
						$('#nombre-role').val(precedent);
					}else{
						$('#nombre-role').val(0);
					}
				}
			});
		});
	</script>
{% endblock %}