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

{% block titre_enfant %}
	Ecocollecteur
{% endblock %}

{% block contenu_principal_rse %}
	<div class="container-fluid">

		{% include('template-message.html.twig') %}
		<div class="row">
			<div class="col-12">
				<h5 class="mt-3">Edition ecocollecteur</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">
								{{form_label(form.nom,"Nom", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.nom, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.prenoms,"Prénoms", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.prenoms, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.dateNaissance,"Date de naissance", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.dateNaissance, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.sexe,"Sexe", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.sexe, {'attr': {'class': 'custom-select custom-select-sm'}})}}
							</div>
						</div>

						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.email,"Email", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.email, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.contacts,"Contacts", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.contacts, {'attr': {'class': 'form-control form-control-sm', 'placeholder':'+228 90-12-41-52/...'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.cni,"CNI", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.cni, {'attr': {'class': 'form-control form-control-sm', 'placeholder':'1002-947-3000'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.dateEnrollement,"Date d'enrollement", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.dateEnrollement, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>

						</div>
						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.partenaire,"Partenaire", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.partenaire, {'attr': {'class': 'custom-select custom-select-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.fondAmorcage,"Fond d'amorcage (FCFA)", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.fondAmorcage, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.login,"Identifiant", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.login, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.password,"Mot de passe", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span><br/>
								{{form_widget(form.password, {'attr': {'class': 'form-control form-control-sm', 'readonly':'readonly'}})}}
							</div>

						</div>
						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.ville,"Ville", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span>
								{{form_widget(form.ville, {'attr': {'class': 'custom-select custom-select-sm'}})}}
								<input type="text" id="autre_ville_input" name="autre_ville_input" class="form-control form-control-sm"/>
							</div>
							<div class="col-lg-3">
								<div class="custom-control custom-checkbox mt-4">
									<input type="checkbox" id="autre_ville" name="autre_ville" class="custom-control-input"/>
									<label for="autre_ville" class="custom-control-label col-form-label col-form-label-sm">Autre ville</label>
								</div>
							</div>
							<div class="col-lg-3">
								{{form_label(form.commune,"Commune", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<span class="text-danger">
									*</span>
								{{form_widget(form.commune, {'attr': {'class': 'custom-select custom-select-sm'}})}}
								<input type="text" id="autre_commune_input" name="autre_commune_input" class="form-control form-control-sm"/>
							</div>
							<div class="col-lg-3">
								<div class="custom-control custom-checkbox mt-4">
									<input type="checkbox" id="autre_commune" name="autre_commune" class="custom-control-input"/>
									<label for="autre_commune" class="custom-control-label col-form-label col-form-label-sm mt-0">Autre commune</label>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-3">
								{{form_label(form.denominationEcobox,"Dénomination de l'Ecobox", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.denominationEcobox, {'attr': {'class': 'form-control form-control-sm'}})}}
							</div>
							<div class="col-lg-3">
								{{form_label(form.photo,"Photo", {'label_attr': {'class': 'col-form-label col-form-label-sm'}})}}<br/>
								{{form_widget(form.photo, {'attr': {'class': 'form-control-file form-control-sm pl-0'}})}}
							</div>
						</div>

						{{form_row(form._token)}}

						<div class="row">
							<div class="col-lg-12 mt-3">
								<a class="btn btn-discard btn-sm" href="{{path('app_ecocollecteur_list')}}">
									<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler</a>
								<button class="btn btn-primary btn-sm" style="background-color: #94C11E; border-color: #94C11E;">
									<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() {
			$('#autre_commune_input').hide();
			$('#autre_ville_input').hide();
		    $('input[type=checkbox][name=autre_ville]').change(function() {
		        if ($(this).is(':checked')) {
		            $('#autre_ville_input').show();
					$('#ecocollecteur_ville').hide();
		        }
		        else {
		            $('#autre_ville_input').hide();
					$('#ecocollecteur_ville').show();
		        }
		    });
			$('input[type=checkbox][name=autre_commune]').change(function() {
		        if ($(this).is(':checked')) {
		            $('#autre_commune_input').show();
					$('#ecocollecteur_commune').hide();
		        }
		        else {
		            $('#autre_commune_input').hide();
					$('#ecocollecteur_commune').show();
		        }
		    });
		});
	</script>
{% endblock %}