{% extends "formation/formation.html.twig" %}
{% block title %}
	Disciplines de Formations | BO
{% endblock %}

{% block section %}


	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title">Disciplines de Formations
				</h5>
			</div>
			<table class="table table-striped">
				<thead>
					<tr>
						<th>Libellé</th>
						<th>Actions</th>
					</tr>
				</thead>
				<tbody>

					{% for d in disciplines %}
						<tr>
							<td>{{d.fodNom}}</td>
							<td class="table-action">
								<a href="{{path('formation_discipline_edit', {id: d.fodId})}}">
									<i class="align-middle text-primary" data-feather="edit-2"></i>
								</a>
								<a href="{{path('formation_discipline_delete', {id: d.fodId})}}">
									<i class="align-middle text-danger" data-feather="trash"></i>
								</a>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>

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

		</div>

		<div class="card">
			<div class="card-header">
				<h5 class="card-title">Créer une discipline
				</h5>
			</div>
			<div class="card-body">
				<form action="{{path('formation_discipline_create')}}" method="POST">
					<div class="mb-3 row">
						<label for="input-fodNom" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de la Discipline :</label>
						<div class="col-sm-8 ">
							<input type="text" name="form[fodNom]" class="form-control" id="input-fodNom" placeholder="Nom de la discipline" required/>
						</div>
					</div>
					<div class="mb-3 row">
						<label for="input-fodFoc" class="col-form-label col-sm-4 text-sm-right ps-5">Categorie :</label>
						<div class="col-sm-8 ">
							<select name="form[fodFoc]" class="form-control" id="input-fodFoc">
								{% for c in categories %}
									<option value="/formation_categories/{{c.focId}}">{{c.focNom}}</option>
								{% endfor %}
							</select>
						</div>
					</div>


					<div class="mb-3 row">
						<div class="col-md-12 text-center">
							<button class="btn btn-success btn-lg" type="submit">
								Créer !
							</button>
						</div>
					</div>

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