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


{% block section %}

	<div class="card">
		<div class="card-header pb-0">
			<h5 class="card-title mb-0">Editer la Place
				<b>{{place.plaLibelle}}</b>
			</h5>
		</div>
		<div class="card-body">
			<form action="{{path('geolocale_places_edit', {"idPlace":place.plaId, "idCity": place.ville.vilId})}}" method="POST" enctype="multipart/form-data">
				<div class="mb-3 row">
					<label class="col-form-label col-sm-4 text-sm-right ps-5">
						Ville :
					</label>
					<div class="col-sm-8">
						<a href="{{path('geolocale_villes_edit', {"id": place.ville.vilId})}}"/>{{place.ville.vilNom}}
					</a>
					<input type="hidden" name="form[ville]" class="form-control researchGeoloc" value="/geolocale_villes/{{place.ville.vilId}}">
				</div>

				<div class="mb-3 row">
					<label for="input-plaLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de La Place</label>
					<div class="col-sm-8">
						<input type="text" name="form[plaLibelle]" class="form-control" id="input-plaLibelle" placeholder="Nom de la place" value="{{place.plaLibelle}}">
					</div>
				</div>


				<div class="mb-3 row">
					<label for="input-plaOrdre" class="col-form-label col-sm-4 text-sm-right ps-5">Ordre</label>
					<div class="col-sm-8">
						<input type="int" name="form[plaOrdre|int]" class="form-control" id="input-plaOrdre" {% if place.plaOrdre is defined %} value="{{place.plaOrdre}}" {% else %} placeholder="Ordre ..." {% endif %}/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-plaAdresse1" class="col-form-label col-sm-4 text-sm-right ps-5">Adresse 1</label>
					<div class="col-sm-8">
						<input type="text" name="form[plaAdresse1]" class="form-control researchGeoloc" id="input-plaAdresse1" {% if place.plaAdresse1 is defined %} value="{{place.plaAdresse1}}" {% else %} placeholder="Adresse ligne 1" {% endif %}>
					</div>
				</div>


				<div class="mb-3 row">
					<label for="input-plaAdresse2" class="col-form-label col-sm-4 text-sm-right ps-5">Adresse 2</label>
					<div class="col-sm-8">
						<input type="text" name="form[plaAdresse2]" class="form-control researchGeoloc" id="input-plaAdresse2" {% if place.plaAdresse2 is defined %} value="{{place.plaAdresse2}}" {% else %} placeholder="Adresse ligne 2" {% endif %}>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-plaCodepostal" 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[plaCodepostal]" class="form-control researchGeoloc" id="input-plaCodepostal" placeholder="le code postal" {% if place.plaCodepostal is defined %} value="{{place.plaCodepostal}}" {% endif %}/>
					</div>
				</div>


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

				<div class="mb-3 row">
					<label for="input-plaImage" class="col-form-label col-sm-4 text-sm-right ps-5">Image</label>
					<div class="col-sm-8">
						<div id="preview" class="mt-3"></div>
						{% if urlImgPlace is defined %}
							<div class="position-relative">
								<img src="{{ urlImgPlace }}" alt="Image actuelle" class="img-thumbnail mb-3">
							</div>
						{% endif %}
						<input type="file" name="form[plaImage]" class="form-control" id="input-plaImage" onchange="handleFileSelect(event)">
					</div>
				</div>

				<div class="mb-3 row">
					<label for="select-places-stations" class="col-form-label col-sm-4 text-sm-right ps-5">
						Stations
					</label>
					<div class="col-sm-8">
						{% if stations is empty %}
							<i class="text-warning">
								Il n'y a pas de station disponible pour cette place
							</i>
						{% else %}
							<select id="select-places-stations" name="form[stations][]" multiple placeholder="Selectionner une stations..." autocomplete="on">
								{% for s in stations %}
									<option value="/geolocale_transport_stations/{{s.gtsId}}" {% for sPla in place.stations %} {% if s.gtsId == sPla.gtsId %} selected {% endif %} {% endfor %}>{{s.gtsNom}}
									</option>
								{% endfor %}
							</select>
						{% endif %}
					</div>
				</div>

				<div class="mb-3 row">
					<label for="input-plaCapacite" class="col-form-label col-sm-4 text-sm-right ps-5">Capacité</label>
					<div class="col-sm-8">
						<input type="number" name="form[plaCapacite|int]" class="form-control" id="input-plaCapacite" {% if place.plaCapacite is defined %} value="{{place.plaCapacite}}" {% endif %} placeholder="La capacité de la salle">
					</div>
				</div>
				<div class="mb-3 row">
					<label for="" class="col-form-label col-sm-4 text-sm-right ps-5">
						Couvert ?
					</label>
					<div class="col-sm-8">
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaCouvert|int]" value="1" {% if place.plaCouvert == 1 %} checked {% endif %}>
							<span class="form-check-label">
								Oui
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaCouvert|int]" value="0" {% if place.plaCouvert == 0 %} checked {% endif %}>
							<span class="form-check-label">
								Non
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaCouvert|int]" value="2" {% if place.plaCouvert == 2 %} checked {% endif %}>
							<span class="form-check-label">
								Pas spécifié
							</span>
						</label>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="" class="col-form-label col-sm-4 text-sm-right ps-5">
						Parking ?
					</label>
					<div class="col-sm-8">
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParking|int]" value="1" {% if place.plaParking == 1 %} checked {% endif %}>
							<span class="form-check-label">
								Oui
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParking|int]" value="0" {% if place.plaParking == 0 %} checked {% endif %}>
							<span class="form-check-label">
								Non
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParking|int]" value="2" {% if place.plaParking == 2 %} checked {% endif %}>
							<span class="form-check-label">
								Pas spécifié
							</span>
						</label>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="" class="col-form-label col-sm-4 text-sm-right ps-5">
						Parquet ?
					</label>
					<div class="col-sm-8">
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParquet|int]" value="1" {% if place.plaParquet == 1 %} checked {% endif %}>
							<span class="form-check-label">
								Oui
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParquet|int]" value="0" {% if place.plaParquet == 0 %} checked {% endif %}>
							<span class="form-check-label">
								Non
							</span>
						</label>
						<label class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="form[plaParquet|int]" value="2" {% if place.plaParquet == 2 %} checked {% endif %}>
							<span class="form-check-label">
								Pas spécifié
							</span>
						</label>
					</div>
				</div>

				<div class="mb-3 row">
					<label for="textarea-plaInfos" class="col-form-label col-sm-4 text-sm-right ps-5">Informations</label>
					<div class="col-sm-8">
						<textarea name="form[plaInfos]" class="form-control" id="textarea-plaInfos">
							{% if place.plaInfos is defined %}
								{{place.plaInfos}}
							{% endif %}
						</textarea>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12 text-center">
						<button class="btn btn-success btn-lg" type="submit">
							<input type="hidden" name="form[plaId|int]" class="form-control" value="{{place.plaId}}">

							Enregistrer Les Modifications
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	{% include "components/_logsUniqueEntity.html.twig" %}

{% endblock %}