{% extends "geolocale/geolocale.html.twig" %}
{% block title %}
	Géo Sub2 | BO
{% endblock %}

{% block section %}

	<div class="tab-pane fade show active" id="villes-tab" role="tabpanel">
		<div class="card">
			<div class="card-body">
				<h5 class="card-title">Subdivisions de niveau 2
				</h5>

				<form action="{{path('geolocale_subdivisions2')}}" method="post" id="form-searchCountrie-sub2">
					<div class="input-group mb-3">
						<select class="form-select" name="countrieId" id="select-countrie-sub2">
							{% for c in countries %}
								<option value="{{c.payId}}" {% if paysId == c.payId %} selected {% endif %}>{{c.payNom}}</option>
							{% endfor %}
						</select>
						<input type="hidden" name="choiceCountry" value="yes">
					</div>

				</form>
				{% if subdivisions1 != "no" %}
					<form action="{{path('geolocale_subdivisions2')}}" method="post" id="form-choiceSubMere-sub2">
						<div class="input-group mb-3">
							<select class="form-select" name="subMere" id="select-subMere-sub2">
								<option>Selectionner une region</option>

								{% for s in subdivisions1 %}
									<option value="{{s.subId}}" {% if subMereId == s.subId %} selected {% endif %}>{{s.subNom}}</option>
								{% endfor %}
							</select>
							<input type="hidden" name="choiceSubMere" value="yes">
							<input type="hidden" name="paysId" value="{{paysId}}">

						</div>
					</form>
				{% endif %}


				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Code
								</th>
								<th>Nom</th>
								<th class="d-none d-md-table-cell">Actions</th>
							</tr>
						</thead>
						<tbody>

							{% for s2 in subdivisions2 %}
								<tr>

									<td>{{s2.subCode}}</td>
									<td>
										{{s2.subNom }}</td>
									<td class="table-action">
										<a href="{{path('geolocale_subdivisions2_edit', {"id": s2.subId})}}">
											<i class="align-middle text-primary" data-feather="edit-2"></i>
										</a>
										<a href="{{path('geolocale_subdivisions2_delete', {"id":s2.subId})}}">
											<i class="align-middle text-danger" data-feather="trash"></i>
										</a>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>


				</div>
				{% if subMereId %}

					<div class="col-md-10 mx-auto">
						<form action="{{path('geolocale_subdivisions2_create')}}" method="POST">
							<h3 class="card-title">Créer une Nouvelle Subdivision pour cette région :</h3>

							<div class="input-group mb-3 justify-content-end">
								<input type="text" name="form[subNom]" class="form-control" placeholder="Nom de la subdivision ..."/>
								<input type="hidden" name="form[subNiveau|int]" value="2"/>
								<input type="hidden" name="form[subPay]" value="/geolocale_pays/{{paysId}}"/>
								<input type="hidden" name="form[subMere]" value="/geolocale_subdivisions/{{subMereId}}"/>

								<button class="btn btn-success" type="submit">
									Créer une Subdivision de niveau 2

								</button>
							</div>
						</form>
					</div>

				{% endif %}
			</div>
		</div>
	{% endblock %}