{% extends "base.html.twig" %}

{% block title %}ManiEduc - Mes demandes
{% endblock %}

{% block content %}
	<div class="container mt-4">
		<h1>Vos demandes en cours
			<a class="btn btn-sm btn-warning" href="{{ path('request') }}">Retour</a>
		</h1>
		<p>Voici vos demandes qui ne sont pas encore finalisées.</p>
		<hr>

		{% if requestPage|length == 0 %}
			<p>Vous n'avez pas de demandes en cours..</p>
		{% else %}
			<form method="GET">
				<div class="row mb-2 align-items-end">
					<div class="col-md-3">
						<label>Rechercher nom</label>
						<input type="text" value="" class="form-control rounded" name="name" placeholder="Nom de la demande" aria-label="Search" aria-describedby="search-addon">
					</div>
					<div class="col-md-3">
						<label>Rechercher par état</label>
						<select class="form-control" name="etat">
							<option value="{{ filters.etat is defined ? filters.etat : '' }}">{{ filters.etat is defined ? filters.etat : 'Tous les états' }}</option>
							<option value="0">Ouverte</option>
							<option value="1">Cloturée</option>
						</select>
					</div>
					<div class="col-md-3 mt-2">
						<button type="submit" class="btn btn-outline-primary">Rechercher</button>
						<a href="{{ path('request_all') }}" class="btn btn-outline-warning">Annuler</a>
					</div>
				</div>
			</form>
			<table class="table">
				<thead>
					<tr>
						<th scope="col">Reference</th>
						<th scope="col">Nom de la demande</th>
						<th scope="col">Date</th>
						<th scope="col">Etat</th>
						<th scope="col">Actions</th>
						<th scope="col">Voir</th>
					</tr>
				</thead>
				<tbody>

					{% for request in requestPage %}
						<tr>
							<th scope="row">
								<span class="badge badge-secondary">{{ request.reference }}</span>
							</th>
							<td>{{ request.title }}</td>
							<td>{{ request.createdAt.format('d/m/Y') }}</td>
							<td>
								{% if request.etat == 0 %}
									<div class="badge badge-success">
										OUVERTE
									</div>
								{% elseif request.etat == 1 %}
									<div class="badge badge-danger">
										CLOTURÉE
									</div>
								{% endif %}
							</td>
							<td>
								<a href="{{ path('request_delete', { "id": request.id }) }}">
									<i class="fas fa-trash"></i>
								</a>
							</td>
							<td>
								<span class="badge badge-warning">
									<a class="notext" href="{{ path('request_unique', {"id": request.id}) }}">Voir</a>
								</span>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		{% endif %}
		{{ knp_pagination_render(requestPage) }}
	{% endblock %}