{% extends 'base.html' %}
{% load customfilter %}
{% load static %}
{% block body %}
<table class="accueil">
	<tr>
		<td>Liste des messages</td>
		{% if peut_composer %}
			<td><a href="{% url 'ecrire' %}">Écrire un message</a></td>
		{% endif %}
	</tr>
</table>

{% if nonvide %}
<form method="post">
	{% csrf_token %}
	<table class="tableausimple" id="suppr">
	<tr class="entete">
		<td>Sélectionner{{form.message.errors}}</td>
		<td>Lire</td>
		<td>date</td>
		<td>reçu</td>
		<td>envoyé</td>
		<td>lu</td>
		<td>auteur</td>
		<td>Destinataires</td>
		<td>sujet</td>
		<td>Pièce jointe</td>
	</tr>
	{% for message,widget in form.fields.message.queryset|tzip:form.message %}
	{% with message|getLu:user as lu %}
	<tr {% if lu.1 %} style="color:#550000;" {% else %} style="color:#005500;" {% endif%}>
		<td>{{widget}}</td>
		<td><a href="{% url 'message' message.pk %}">Lire</a></td>
		<td>{% if not lu.0 %}<b>{% endif %}{{message.date|date:"D d M Y à H:i:s"}}{% if not lu.0 %}</b>{% endif %}</td>
		<td>{% if lu.1 %} ✓ {% endif %}</td>
		<td>{% if not lu.1 %} ✓ {% endif %}</td>
		<td>{% if lu.0 %} ✓ {% endif %}</td>
		<td>{% if not lu.0 %}<b>{% endif %} {{message.auteur}} {% if not lu.0 %}</b>{% endif %}</td>
		<td>{% if not lu.0 %}<b>{% endif %} {{message.listedestinataires|truncatechars:200}} {% if not lu.0 %}</b>{% endif %}</td>
		<td>{% if not lu.0 %}<b>{% endif %} {{message.titre}} {% if not lu.0 %}</b>{% endif %}</td>
		<td>{% if message.pj %}<img src="{% static 'images/trombone.png' %}">{% endif %}</td>
	</tr>
	{% endwith %}
	{% endfor %}
	<tr class="plusclair">
		<td><label for = "check">Tout cocher</label><br/><input type="checkbox" id="check"/></td>
		<td colspan="9"><input type="submit" value="Supprimer la sélection" name="supprimer"/></td>
	</tr>
{% else %}
	<div class="error">Aucun message reçu</div>
{% endif %}

</table>
</form>
<table class="accueil"><tr><td><a href="{% url 'accueil' %}">Retour</a></td></tr></table>
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="{% static 'javascript/suppression.js' %}"></script>
<script type="text/javascript" src="{% static 'javascript/selection.js' %}"></script>
{% endblock %}