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

{% block title %}ManiEduc - Ma demande
{% endblock %}

{% block content %}
	<div class="container mt-4">
		<h2>Votre demande
			<a class="btn btn-sm btn-warning" href="{{ path('request_all') }}">Retour</a>
			{% if is_granted('ROLE_ADMIN') %}
				{% if request.etat == 0 %}
					<a class="btn btn-sm btn-danger" href="{{ path('request_end', {'id': request.id}) }}">Cloturer la demande</a>
				{% elseif request.etat == 1 %}
					<a class="btn btn-sm btn-success" href="{{ path('request_end', {'id': request.id}) }}">Réouvrir la demande</a>
				{% endif %}
			{% endif %}
		</h2>
		<span class="badge badge-primary">{{ request.reference }}</span>
		<hr>
		<div class="card hg">
			<h5 class="card-header">De
				{{ request.user.firstname }}</h5>
			<div class="card-body noflex">
				<h5 class="card-title">{{ request.title }}</h5>
				<p class="card-text">{{ request.descriptionrequest }}</p>
			</div>
		</div>

		{% if request.etat == 1 %}
			<div class="card hg">
				<div class="card-body noflex">
					<h4 class="warng text-center">Vous ne pouvez pas répondre à cette demande, car elle a été cloturée.</h4>
					<hr>
				</div>
			</div>
			<hr>
		{% else %}
			<div class="card hg">
				<div class="card-body noflex">
					{{ form(form) }}
					</div>
				</div>
			{% endif %}


			{% for response in responses %}


				<div class="card hg">
					<div class="card-body noflex">

						<p class="font-weight-bold">
							<i class="far fa-user"></i>
							{{ response.user.firstname }}</p>
						<i class="far fa-clock"></i>
						{{ response.createdAt.format('d/m/Y') }}
						<br>
						{{ response.reponse }}
						<br>

					</div>
				</div>

				<hr>

			{% endfor %}

		{% endblock %}