{% extends "formation/formation.html.twig" %}
{% block title %}
	Catégories 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">Catégories de Formations
				</h5>
			</div>
			<div class="body">

				<table class="table table-striped">
					<thead>
						<tr>
							<th>Libellé</th>
							<th>Sous-Titre</th>
							<th class="d-none d-md-table-cell">Parents</th>
							<th>Actions</th>
						</tr>
					</thead>
					<tbody>

						{% for c in categories %}
							<tr>
								<td>{{c.focNom}}</td>
								<td>{{c.focSoustitre }}</td>
								<td class="d-none d-md-table-cell text-center">
									{% if c.mere is defined %}
										{{c.mere.focNom }}
									{% else %}
										X
									{% endif %}
								</td>
								<td class="table-action">
									<a href="{{path('formation_categorie_edit', {id: c.focId})}}">
										<i class="align-middle text-primary" data-feather="edit-2"></i>
									</a>
									<a href="{{path('formation_categorie_delete', {id: c.focId})}}">

										<i class="align-middle text-danger" data-feather="trash"></i>
									</a>
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<div class="card">
			<div class="card-header">
				<h5 class="card-title">Créer une Catégories de Formations
				</h5>
			</div>
			<div class="card-body">
				<form action="{{path('formation_categorie_create')}}" method="POST">
					<div class="mb-3 row">
						<label for="input-focNom" class="col-form-label col-sm-4 text-sm-right ps-5">Nom de la catégorie :</label>
						<div class="col-sm-8 ">
							<input type="text" name="form[focNom]" class="form-control" id="input-focNom" {% if cat.focNom is defined %} value="{{cat.focNom}}" {% endif %} placeholder="Libelle de la catégorie ..." required/>
						</div>
					</div>
					<div class="mb-3 row">
						<label for="input-focSoustitre" class="col-form-label col-sm-4 text-sm-right ps-5">Sous Titre :</label>
						<div class="col-sm-8 ">
							<input type="text" name="form[focSoustitre]" class="form-control" id="input-focSoustitre" {% if cat.focSoustitre is defined %} value="{{cat.focSoustitre}}" {% endif %} placeholder="Sous Titre de la catégorie ..." required/>
						</div>
					</div>
					<div class="mb-3 row">
						<label for="input-mere" class="col-form-label col-sm-4 text-sm-right ps-5">Catégorie Parente :</label>
						<div class="col-sm-8 ">
							<select name="form[mere]" class="form-select" id="input-mere">
								<option value=" ">Aucune</option>
								{% 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 %}