{% extends "geolocale/geolocale.html.twig" %}

{% block section %}

	<div class="card">
		<div class="card-header pb-0">
			<h5 class="card-title mb-0">Editer la Ville
				<b>{{city.vilNom}}</b>
			</h5>
		</div>
		<div class="card-body">
			<form action="{{path('geolocale_villes_edit', {"id":city.vilId})}}" method="POST">
				<div class="mb-3 row">
					<label for="input-vilNom" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de La ville</label>
					<div class="col-sm-8">
						<input type="text" name="form[vilNom]" class="researchGeoloc input-name-geoloc form-control" id="input-vilNom" placeholder="nom de la ville" value="{{city.vilNom}}">
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-vilPay" class="col-form-label col-sm-4 text-sm-right ps-5">Nom du Pays</label>
					<div class="col-sm-8">
						<select class="researchGeoloc form-select" id="select-vilPay" name="form[vilPay]">
							<option>Selectionner un pays</option>
							{% for c in countries %}
								<option value="/geolocale_pays/{{c.payId}}" {% if c.payNom == city.vilPay.payNom %} selected {% endif %}>{{c.payNom}}</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-vilSub1" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de La Subdivision 1</label>
					<div class="col-sm-8">
						<select class="form-select" name="form[vilSub1]" id="select-vilSub1">
							<option>Selectionner une Sudbivision 1</option>
							{% for s in sub1 %}
								<option value="/geolocale_subdivisions/{{s.subId}}" {% if s.subId == city.vilSub1.subId %} selected {% endif %}>{{s.subNom}}</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-vilSub2" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de La Subdivision 2</label>
					<div class="col-sm-8">
						<select class="form-select" name="form[vilSub2]" id="select-vilSub2">
							<option>Selectionner une Sudbivision 2</option>
							{% for s in sub2 %}
								<option value="/geolocale_subdivisions/{{s.subId}}" {% if s.subId == city.vilSub2.subId %} selected {% endif %}>{{s.subNom}}</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-vilCP" class="col-form-label col-sm-4 text-sm-right ps-5">Code Postal</label>
					<div class="col-sm-8">
						<input type="text" name="form[vilCodepostal]" class="form-control" id="input-vilCP" {% if city.vilCodepostal is defined %} value="{{city.vilCodepostal}}" {% else %} placeholder="Le code postal ..." {% endif %}>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-vilPhone" class="col-form-label col-sm-4 text-sm-right ps-5">Numéro de téléphone de la Mairie</label>
					<div class="col-sm-8">
						<input type="text" name="form[vilTelephone]" class="form-control" id="input-vilPhone" {% if city.vilTelephone is defined %} value="{{city.vilTelephone}}" {% else %} placeholder="Numéro de Tel ..." {% endif %}>
					</div>
				</div>
				<div class="mb-3 row">
					<label class="form-check-label col-sm-4 text-sm-right ps-5" for="switch-vilRural">Milieu Rural ?</label>
					<div class="form-check form-switch col-sm-8">
						<input class="form-check-input" type="checkbox" id="switch-vilRural" name="form[vilRural|int]" value="1" {% if city.vilRural == 1 %} checked {% endif %}>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-vilGsv" class="col-form-label col-sm-4 text-sm-right ps-5">Statut de la ville</label>
					<div class="col-sm-8">
						<select class="form-select" name="form[vilGsv]" id="select-vilGsv">
							<option value=''>Selectionner un statut</option>
							{% for g in gsv %}
								<option value="/geolocale_statut_villes/{{g.gsvId}}" {% if city.vilGsv is defined and g.gsvId == city.vilGsv.gsvId %} selected {% endif %}>{{g.gsvLibelle}}</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-vilCog" class="col-form-label col-sm-4 text-sm-right ps-5">Code officiel géographique</label>
					<div class="col-sm-8">
						<input type="text" name="form[vilCog]" class="form-control" id="input-vilCog" {% if city.vilCog is defined %} value="{{city.vilCog}}" {% else %} placeholder="Le code Géographique" {% endif %}>
					</div>
				</div>


				{% include "components/_mapableItem.html.twig" %}

				<div class="mb-3 row">
					<label for="input-vilPop2007" class="col-form-label col-sm-4 text-sm-right ps-5">Ville Population</label>
					<div class="col-sm-8">
						<input type="int" name="form[vilPop2007|int]" class="form-control" id="input-vilPop2007" {% if city.vilPop2007 is defined %} value="{{city.vilPop2007}}" {% else %} placeholder="Population en 2007" {% endif %}>

					</div>
				</div>

				{% for r in refAutres %}
					<div class="mb-3 row">
						<label for"select-subautres" class="col-form-label col-sm-4 text-sm-right ps-5">{{r.refNom}}
						</label>
						<div class="col-sm-8">

							<select class="form-select" name="form[subAutres][]" id="select-subAutres">
								<option value=''>Aucune</option>
								{% for s in r.refAutres %}
									<option value="/geolocale_subdivision_autres/{{s.suaId}}" {% for sub in city.subAutres %} {% if sub.suaId == s.suaId %} selected {% endif %} {% endfor %}>{{s.suaNom}}</option>
								{% endfor %}
							</select>
						</div>
					</div>
				{% endfor %}

				<div class="mb-3 row">
					<div class="col-md-12 text-center">
						<button class="btn btn-success btn-lg" type="submit">
							Enregistrer les modifications
						</button>
					</div>
				</div>
			</form>

			{% include "geolocale/geolocalePlaces.html.twig" %}
		</div>
	</div>
	{% include "components/_logsUniqueEntity.html.twig" %}

{% endblock %}