{% extends 'base.html.twig' %}

{% block title %}
	{% trans %}COSAP - Nouvel Utilisateur{% endtrans %}
{% endblock %}


{% block body %}
	{{ parent() }}

	<section class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h6 style="font-weight:500;">
						{% if action == "add" %}
							{% trans %}Nouvel{% endtrans %}
						{% else %}
							{% trans %}Modifier{% endtrans %}
						{% endif %}
						{% trans %}Utilisateur{% endtrans %}
					</h6>
					<div class="heading-elements mt-0">
						<a class="btn btn-warning btn-sm" {% if action == "add" %} href="{{ path('user_page') }}" {% elseif action == "edit" %} href="{{ path('user_page',{selected_row:user.id,search_input:search_input,search_direction:search_direction,search_service:search_service,search_groupe:search_groupe,page:page}) }}" {% endif %} title="{% trans %}retour en arrière{% endtrans %}">
							<i class="fa fa-arrow-circle-left"></i>
						</a>
					</div>
				</div>
				<div class="card-body">
					{{ form_start(form, {'attr' :{'class' : 'form-disable', 'novalidate': 'novalidate', 'role': 'form'}}) }}

					<div class="row">

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Nom utilisateur{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<input type="text" class="form-control" name="{{ form.username.vars.full_name}}" value="{{ form.username.vars.value }}" autofocus>

								{% if not form.username.vars.valid %}

									{% for error in form.username.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.username.setRendered %}

							</div>

						</div>
						<!-- end div username -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Prénom{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<input type="text" class="form-control" name="{{ form.firstName.vars.full_name}}" value="{{ form.firstName.vars.value }}">

								{% if not form.firstName.vars.valid %}

									{% for error in form.firstName.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.firstName.setRendered %}

							</div>

						</div>
						<!-- end div prenom -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label {% trans %}>Nom{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<input type="text" class="form-control" name="{{ form.lastName.vars.full_name}}" value="{{ form.lastName.vars.value }}">

								{% if not form.lastName.vars.valid %}

									{% for error in form.lastName.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.lastName.setRendered %}

							</div>

						</div>
						<!-- end div nom -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Email{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<input type="text" class="form-control" name="{{ form.email.vars.full_name}}" value="{{ form.email.vars.value }}">

								{% if not form.email.vars.valid %}

									{% for error in form.email.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.email.setRendered %}

							</div>

						</div>
						<!-- end div email -->

						<div class="col-md-2">

							<div class="form-group m-b-40">

								<label>{% trans %}N° Téléphone{% endtrans %}</label> :

								<input type="text" class="form-control" name="{{ form.phone.vars.full_name }}" value="{{ form.phone.vars.value }}">

								{% if not form.phone.vars.valid %}

									{% for error in form.phone.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.phone.setRendered %}

							</div>

						</div>
						<!-- end div phone -->

						<div class="col-md-2">

							<div class="form-group m-b-40">

								<label>{% trans %}N° de Fixe{% endtrans %}</label> :

								<input type="text" class="form-control" name="{{ form.fixe.vars.full_name }}" value="{{ form.fixe.vars.value }}">

								{% if not form.fixe.vars.valid %}

									{% for error in form.fixe.vars.errors  %}

										<span class="text-danger">{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.fixe.setRendered %}

							</div>

						</div>
						<!-- end div phone -->

						<div class="col-md-2">

							<div class="form-group m-b-40">

								<label>{% trans %}Genre{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.genre, {'attr' : {'class':'select2 form-control'}})}}

								{% if not form.genre.vars.valid %}

									{% for error in form.genre.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.genre.setRendered %}

							</div>

						</div>
						<!-- end div genre -->

						<div class="col-md-2">

							<div class="form-group m-b-40">

								<label>{% trans %}Statut{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.enabled, {'attr' : {'class':'select2 form-control'}})}}

								{% do form.enabled.setRendered %}

							</div>

						</div>
						<!-- end div enabled -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Date de naissance{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<div class="input-group">

									<input type="text" class="form-control" id="date_naissance" name="{{ form.dateNaissance.vars.full_name}}" value="{{ form.dateNaissance.vars.value }}">

									<div>
										<a class="btn btn-primary" id="clear_date_naissance" title="{% trans %}Effacer{% endtrans %}">
											<i class="fa fa-window-close" style="color:white;"></i>
										</a>
									</div>

								</div>

								{% if not form.dateNaissance.vars.valid %}

									{% for error in form.dateNaissance.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.dateNaissance.setRendered %}

							</div>

						</div>
						<!-- end div date de naissance -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Date d'engagement{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								<div class="input-group">

									<input type="text" class="form-control" id="date_engagement" name="{{ form.dateEngagement.vars.full_name}}" value="{{ form.dateEngagement.vars.value }}">

									<div>
										<a class="btn btn-primary" id="clear_date_engagement" title="{% trans %}Effacer{% endtrans %}">
											<i class="fa fa-window-close" style="color:white;"></i>
										</a>
									</div>

								</div>

								{% if not form.dateEngagement.vars.valid %}

									{% for error in form.dateEngagement.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.dateEngagement.setRendered %}

							</div>

						</div>
						<!-- end div date de naissance -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Groupe{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.groupe, {'attr' : {'class':'select2 form-control'}})}}

								{% if not form.groupe.vars.valid %}

									{% for error in form.groupe.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.groupe.setRendered %}

							</div>

						</div>
						<!-- end div groupe -->
						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Fonction{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.fonction, {'attr' : {'class':'select2 form-control'}})}}

								{% if not form.fonction.vars.valid %}

									{% for error in form.fonction.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.fonction.setRendered %}

							</div>

						</div>
						<!-- end div fonction -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Etat du personnel{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.etatPersonnel, {'attr' : {'class':'select2 form-control'}})}}

								{% if not form.etatPersonnel.vars.valid %}

									{% for error in form.etatPersonnel.vars.errors  %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.etatPersonnel.setRendered %}

							</div>

						</div>
						<!-- end div etat du personnel -->

						<div class="col-md-4">

							<div class="form-group m-b-40">

								<label>{% trans %}Passer des congés{% endtrans %}</label>
								:
								<span class="text-danger">*</span>

								{{ form_widget(form.isAutorisateConge, {'attr' : {'class':'select2 form-control'}})}}

								{% do form.isAutorisateConge.setRendered %}

							</div>

						</div>
						<!-- end div autorisate conge -->

						<div class="col-md-12">

							<div class="form-group m-b-40">

								<label>{% trans %}Groupe(s) d'interaction{% endtrans %}</label> :
								<span style="cursor: pointer" class="btn btn-danger pull-right btn-sm ml-1 white js-programmatic-multi-clear "><i class="fa fa-refresh" aria-hidden="true"></i> </span>
								<span style="cursor: pointer" class="btn btn-primary pull-right btn-sm white js-programmatic-multi-select"><i class="fa fa-check-square-o" aria-hidden="true"></i> </span>
								{{ form_widget(form.groupeInteractionCosap, {'attr' : {'class':'select2 form-control'}})}}

								{% if not form.groupeInteractionCosap.vars.valid %}

									{% for error in form.groupeInteractionCosap.vars.errors %}

										<span class="text-danger">
											{{ error.message }}</span>

									{% endfor %}

								{% endif %}

								{% do form.groupe.setRendered %}

							</div>

						</div>

						<div class="col-md-12">

							<a class="btn btn-danger btn-sm waves-effect pull-left text-white" style="padding:7px;"{% if action == "add" %} href="{{ path('user_page') }}" {% elseif action == "edit" %} href="{{ path('user_page',{selected_row:user.id,search_input:search_input,search_direction:search_direction,search_service:search_service,search_groupe:search_groupe,page:page}) }}" {% endif %}>{% trans %}Annuler{% endtrans %}</a>

							{{ form_widget(form.save, {'attr' :{'class':'btn btn-success pull-right btn-sm', 'style':'padding:7px;'}})}}

						</div>
						<!-- end div action -->

					</div>
					<!-- end div row -->

					{{ form_end(form) }}
				</div>
			</div>
		</div>
	</section>

{% endblock %}

{% block javascripts %}
	{{ parent() }}

	<script type="text/javascript">

		$("#user_groupeInteractionCosap").select2({closeOnSelect:false});

		$('#date_naissance').bootstrapMaterialDatePicker({
			weekStart: 0,
			time: false,
			disabledDays: [],
			lang: 'fr',
			weekStart: 1
		});

		$('#date_engagement').bootstrapMaterialDatePicker({
			weekStart: 0,
			time: false,
			disabledDays: [],
			lang: 'fr',
			weekStart: 1
		});

		$("#clear_date_naissance").click(function () {

			$('#date_naissance').val("");

		});

		$("#clear_date_engagement").click(function () {

			$('#date_engagement').val("");

		});

		{% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

	</script>

    {% include('Administration/user/ajax/refreshIndice.html.twig') %}

{% endblock %}