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

{% block section  %}
	<div class="tab-pane show active" id="lists-gestion" role="tabpanel">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title">Gestion des Listes</h5>
			</div>
			<div class="card-body">

				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Domaine</th>
								<th>Liste</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>

							{% for l in listes %}
								<tr>
									<td>{{ l.lieDpr.dprNom }}</td>
									<td>{{ l.lieNom }}</td>
									<td class="table-action">
										<a href="{{path('socle_listes_edit', {id: l.lieId})}}">
											<i class="align-middle text-primary" data-feather="edit-2"></i>
										</a>
										<a href="{{path('socle_listes_delete', {id: l.lieId})}}">
											<i class="align-middle text-danger" data-feather="trash"></i>
										</a>
									</td>
								{% endfor %}
							</tbody>
						</tbody>
					</table>

				</div>
				<h5 class="">Créer une Liste</h5>
				<form action="{{path('socle_listes_create')}}" method="POST">
					<div class="input-group mb-3 justify-content-end">
						<div class="input-group mb-3">
							<input type="text" name="form[lieNom]" class="form-control" placeholder="Nom de la liste ...">
							<select name="form[lieDpr]" class="form-select">
								{% for dpr in dprs %}
									<option value="/socle_domaines/{{dpr.dprId}}">{{dpr.dprNom}}</option>
								{% endfor %}
							</select>
							<select name="form[lieTyl]" class="form-select">
								{% for tyl in type_listes %}
									<option value="/socle_type_listes/{{tyl.tylId}}">{{tyl.tylLibelle}}</option>
								{% endfor %}
							</select>

							<button class="btn btn-success" type="submit">
								Créer!
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>

	{% endblock %}