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

{% block title %}Details d'une tâche
{% endblock %}

{% block body %}
	<div class="d-flex justify-content-between align-items-center mt-3">
		<div>
			<a type="button" href="{{ app.request.headers.get('referer') }}" class="btn btn-success">Retour</a>
		</div>
		{# <div>
			<h4>Tache en détail</h4>
		</div> #}
		<div>
			<a type="button" href="{{ path('tache-edit' , {'id' : tache.id} ) }}" class="btn btn-primary">Modifer</a>
			<a type="button" href="{{ path('tache-deactivate', { 'id': tache.id }) }}" class="btn btn-danger">
				<i class="fa-solid fa-trash"></i>
			</a>
		</div>
	</div>

	<hr>

	<div class="task-detail">
		<div class="text-uppercase text-center div-detail" id="name_client">
			{{ tache.client }}
		</div>
		<div>
			<div class="task-detail-attribue div-detail">
				<h6 class="task-detail-title">Attribué à:
				</h6>
				{% for userAttr in tache.usersAttr %}
					<span class="badge badge-dark">{{ userAttr }}</span>
				{% endfor %}
			</div>
			{% if tache.client %}
				<div class="task-detail-adresse div-detail">
					<h6 class="task-detail-title">Adresse:</h6>
					<a href="https://maps.google.com/maps?q={{ tache.client.adresse }}" target="_blank">
						{{ tache.client.adresse }}
					</a>
				</div>
			{% endif %}

			<div class="task-detail-description div-detail">
				<h6 class="task-detail-title">Description:</h6>
				<p>
					{{ tache.description }}</p>
			</div>
			{% if tache.image != null %}
				<div class="image-file div-detail">
					<img src="{{ vich_uploader_asset(tache, 'imageFile') }}" alt="task-image" class="w-50">
				</div>
			{% endif %}
			<div class="status-task div-detail">
				<h6 class="task-detail-title">Status:</h6>
				{% if tache.Status == "NF" %}
					<div class="modal__task_status modal__task_status_nf"></div>
				{% elseif tache.Status == "EC" %}
					<div class="modal__task_status modal__task_status_ec"></div>
				{% else %}
					<div class="modal__task_status modal__task_status_ft"></div>
				{% endif %}
			</div>
			<div class="task-detail-more div-detail">
				<h6 class="task-detail-title">Urgent:</h6>
				{% if tache.isUrgent %}
					<span class="badge badge-danger">Oui</span>
				{% else %}
					<span class="badge badge-secondary">Non</span>
				{% endif %}
			</div>

			<div class="task-detail-more div-detail">
				<h6 class="task-detail-title">A facturer:</h6>
				{% if tache.toCharge %}
					<span class="badge badge-danger">Oui</span>
				{% else %}
					<span class="badge badge-secondary">Non</span>
				{% endif %}
			</div>
			<div class="task-detail-commentaire div-detail">
				<h6 class="task-detail-title">Commentaire:</h6>
				<p>{{ tache.commentaire }}</p>
			</div>
			<div class="task-detail-historique div-detail">
				<h6 class="task-detail-title">Historique:</h6>
				{% for historique in historiques %}
					{{ historique.description }}
					<br>
				{% endfor %}
			</div>

		</div>
	</div>

{% endblock %}