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

{% block section %}
	<div class="tab-pane show active" id="domaines-gestion" role="tabpanel">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title mb-0">Gestion des Domaines
				</h5>
			</div>
			<div class="card-body">
				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th style="width:40%">Pratique</th>
								<th style="width:25%;">Domaine</th>
								<th class="d-none d-md-table-cell" style="width:25%">Actions</th>
							</tr>
						</thead>
						<tbody>

							{% for d in domaines %}
								<tr>
									<td class="d-none d-md-table-cell">{{d.dprPrc.prcNom}}</td>
									<td>{{ d.dprNom }}</td>
									<td class="table-action">
										<a href="{{path('socle_domaines_edit', {"id":d.dprId})}}">
											<i class="align-middle text-primary" data-feather="edit-2"></i>
										</a>
										<a href="{{path('socle_domaines_delete', {"id":d.dprId})}}">
											<i class="align-middle text-danger" data-feather="trash"></i>
										</a>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
			<div class="card-footer">
				<div class="card-header">
					<h5 class="card-title mb-0">Créer un Domaine
					</h5>
				</div>
				<form action="{{path('socle_domaines_create')}}" method="POST">
					<div class="input-group mb-3 justify-content-end">
						<div class="input-group mb-3">
							<input type="text" name="dprNom" class="form-control" placeholder="Nom du Domaine ..."/>
							<input type="text" name="dprDescription" class="form-control" placeholder="Description..."/>
							<input type="text" name="dprUrl" class="form-control" placeholder="Url du domaine..."/>
							<select class="form-select" name="dprPrcId" id="select-domainePratique" aria-label="Floating label select example">
								{% for sp in soclePratiques %}
									<option value="{{sp.prcId}}">{{sp.prcNom}}</option>
								{% endfor %}
							</select>
							<button class="btn btn-success" type="submit">
								Créer!
							</button>
						</div>
					</div>
				</form>
			</div>

		</div>
	{% endblock %}