{% extends "socle/socle.html.twig" %}
{% block section %}
	<div class="tab-pane fade show active" id="dances" role="tabpanel">
		<div class="card">
			<div class="card-body">
				<h5 class="card-title">Danses</h5>

				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th style="width:60%;">Libellé</th>
								<th class="d-none d-md-table-cell" style="width:40%">Actions</th>
							</tr>
						</thead>
						<tbody>

							{% for ds in danses %}
								<tr>
									<td>{{ ds.danNom }}</td>
									<td class="table-action">
										<a href="{{path('socle_danses_edit', {"id":ds.danId})}}">
											<i class="align-middle text-primary" data-feather="edit-2"></i>
										</a>
										<a href="{{path('socle_danses_delete', {"id":ds.danId})}}">
											<i class="align-middle text-danger" data-feather="trash"></i>
										</a>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>

					{% include "components/_paginationApi.html.twig" %}
					<form action="{{path('socle_danses_create')}}" method="POST">
						<div class="input-group mb-3 justify-content-end">
							<input type="text" name="form[danNom]" class="form-control" placeholder="Nom de la danse ..."/>

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