<div class="container mb-4">
	<div class="row">
		{% for item in data_query %}
			<div class="col-sm col-lg-4 mb-1">
				<div class="card" onmouseover="this.style.cursor='pointer';" onclick="bt_get_info({{item.id}})">
					<div class="card-body">
						<h5 class="modal-title">{{ item.Tache_Statut|safe }} {{item.Taches_Nom|capfirst }} - {{item.Tache_Priorite|safe}}</h5>
						<p>{{item.Taches_Commentaires}}</p>
						{% if item.Taches_Tech != "-" %}<p class="mb-0"><i class="fas fa-user-cog" title="Le technitien charger de la tache"></i> : {{ item.get_Taches_Tech_display}}</p>{% endif %}
						<p class="mb-0"><i class="far fa-clock" title="Tache crée le"></i> : {{item.Tache_Date_Cree|timesince}}</p>
						{% if item.Tache_Statut == "PROGRAMEE" or item.Tache_Statut == "ENCOUR" and item.Tache_Date_Programee != none %}<p class="mb-0"><i class="far fa-calendar-alt" title="Tache programé le"></i> : {{item.Tache_Date_Programee}}</p>{% endif %}
					</div>
				</div>
			</div>
		{% endfor %}
	</div>
</div>