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

{% block section %}
	<div class="tab-pane fade show active" id="instruments" role="tabpanel">
		<div class="card">
			<div class="card-body">
				<h5 class="card-title">Instruments</h5>

				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th style="width:40%;">Libellé</th>
								<th style="width:25%">Actions</th>
							</tr>
						</thead>
						<tbody>

							{% for i in instruments %}
								<tr>
									<td>{{ i.insNom }}</td>
									<td class="table-action">
										<a href="{{path('socle_instruments_edit', {"id":i.insId})}}">
											<i class="align-middle text-primary" data-feather="edit-2"></i>
										</a>
										<a href="{{path('socle_instruments_delete', {"id":i.insId})}}">
											<i class="align-middle text-danger" data-feather="trash"></i>
										</a>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
					{% include "components/_paginationApi.html.twig" %}
				</div>
				<div class="row container">
					<form action="{{path('socle_instruments_create')}}" method="POST">
						<div class="input-group mb-3 justify-content-end">
							<input type="text" name="form[insNom]" class="form-control" placeholder="Nom de l'instrument ..."/>
							<button class="btn btn-success" type="submit">
								Créer!
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	{% endblock %}