{% extends "evenement/evenement.html.twig" %}
{% block title %}
	Cadre SousCatégories | BO
{% endblock %}

{% block section %}

	<h2 class="">Les Différents Cadre de Sous-Catégories</h3>
	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-body">
				<table class="table">
					<thead>
						<tr>
							<th>Cadre</th>
							<th>Libelle</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						{% for sc in cadre_souscategories %}
							<tr>
								<td>{{sc.ecsEcc.eccLibelle}}</td>
								<td>{{sc.ecsLibelle}}</td>
								<td class="table-action">
									<a href="{{path('cadre_souscategories_edit', {ecsId: sc.ecsId})}}">
										<i class="align-middle text-primary" data-feather="edit-2"></i>
									</a>

									<a href="{{path('cadre_souscategories_delete', {id: sc.ecsId})}}">
										<i class="align-middle text-danger" data-feather="trash"></i>
									</a>
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>

			</div>

			<div class="card">
				<div class="card-body">
					<h5 class="card-title">Ajouter un nouveau cadre de Sous-catégorie</h5>
					<form action="{{path('cadre_souscategories_create')}}" method="POST" class="row mb-5">
						<div class="input-group mb-3 justify-content-end">
							<div class="input-group mb-3">
								<input type="text" name="form[ecsLibelle]" class="form-control" required minlength="3" placeholder="Libelle du Cadre de Sous-Catégorie"/>
								<select class="form-select" name="form[ecsEcc]">
									<option>Selectionner un Cadre</option>
									{% for c in cadres %}
										<option value="/evenement_cadre_categories/{{c.eccId}}">{{c.eccLibelle}}</option>
									{% endfor %}
								</select>

								<button class="btn btn-lg btn-success" type="submit">
									Envoyer
								</button>
							</div>
						</div>
					</form>

				</div>
			</div>


		{% endblock %}