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

{% block section %}

	<div class="card">
		<div class="card-header pb-0">
			<h5 class="card-title mb-0">Editer une Subdivision de niveau 1</h5>
		</div>
		<div class="card-body">
			<form action="{{path('geolocale_subdivisions1_edit', {"id":sub1.subId})}}" method="POST">
				<div class="row g-2">
					<div class="col-md-8">
						<label for="select-subPay">Selectionner Le Pays</label>
						<div class="input-group mb-3">
							<select class="form-select" id="select-subPay" name="form[subPay]">
								{% for c in countries %}
									<option value="/geolocale_pays/{{c.payId}}" {% if c.payNom == sub1.subPay.payNom %} selected {% endif %}>{{c.payNom}}</option>
								{% endfor %}
							</select>

						</div>
					</div>
					<div class="col-md-8">
						<div class="form-floating">
							<input type="text" name="form[subNom]" class="form-control" id="input-subNom" placeholder="{{sub1.subNom}}" value="{{sub1.subNom}}">
							<label for="input-subNom">Nom de la Subdivision</label>
						</div>
					</div>
					<div class="col-md-8">
						<div class="form-floating">
							<input type="text" name="form[subCode]" class="form-control" id="input-subCode" {% if sub1.subCode is defined and sub1.subCode is not null %} placeholder="{{sub1.subCode}}" value="{{sub1.subCode}}" {% else %} placeholder="Saisir un code de subdivision" {% endif %}>
							<label for="input-subCode">Code Subdivision</label>
						</div>
					</div>

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

					<div class="col-md-6 text-end">
						<input type="hidden" name="form[subId]" value="{{sub1.subId}}"/>

						<button class="btn btn-success btn-lg" type="submit">
							Modifier
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>

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

{% endblock %}