{% extends "agenda_culturel/page-admin.html" %}
{% load static %}
{% load utils_extra %}

{% block title %}{% block og_title %}Message {{ obj.subject }}{% endblock %}{% endblock %}

{% block entete_header %}
<script>window.CKEDITOR_BASEPATH = '/static/ckeditor/ckeditor/';</script>
<script src="/static/admin/js/vendor/jquery/jquery.js"></script>
<script src="/static/admin/js/jquery.init.js"></script>
<link href="{% static 'css/django_better_admin_arrayfield.min.css' %}" type="text/css" media="all" rel="stylesheet">
<script src="{% static 'js/django_better_admin_arrayfield.min.js' %}"></script>
<script src="{% static 'js/adjust_datetimes.js' %}"></script>
{% endblock %}

{% block sidemenu-bouton %}
    <li><a href="#contenu-principal" aria-label="Aller au contenu">{% picto_from_name "chevron-up" %}</a></li>
    <li><a href="#sidebar" aria-label="Aller au menu latéral">{% picto_from_name "chevron-down" %}</a></li>
{% endblock %}

{% block content %}
<div class="grid two-columns">
<div>
    <article>
        <header>
            <div class="slide-buttons">
                <a href="{% url 'delete_message' object.id %}" role="button" data-tooltip="Supprimer le message">Supprimer {% picto_from_name "trash-2" %}</a>
            </div>
    
            <h1>Message «&nbsp;{{ object.subject }}&nbsp;»</h1>
            <ul>
                <li>Date&nbsp;: {{ object.date.date }} à {{ object.date.time }}</li>
                <li>Auteur&nbsp;: {% if object.user %}<em>{{ object.user }}</em>{% else %}{{ object.name }}{% endif %} {% if object.email %}<a href="mailto:{{ object.email }}">{{ object.email }}</a>{% endif %}</li>
                {% if object.related_event %}<li>Événement associé&nbsp;: <a href="{{ object.related_event.get_absolute_url }}">{{ object.related_event.title }}</a> du {{ object.related_event.start_day }}</li>{% endif %}
                <li>Type&nbsp;: {% if object.message_type %}{{ object.get_message_type_display }}{% else %}-{% endif %}</li>
            </ul>
        </header>
        <div>
            {{ object.message | safe }}
        </div>
    </article>

    <article>
        {% if object.message_type == "from_contributor" or object.message_type == "from_contrib_no_msg" %}<p class="message info">Ce message a été envoyé par une personne lors
            de l'ajout d'un événement. 
            {% if object.closed %}
            En décochant fermé, vous modifiez manuellement son statut, et cela pourra entraîner l'envoi d'un message de notification
            lors de la modification future de l'événement associé.{% else %}
            En cochant fermé, vous modifiez manuellement son statut, et cela empêchera l'envoi d'un message de notification
            lors de la modification future de l'événement associé.
            {% endif %}
        </p>{% endif %}
        <form method="post">{% csrf_token %}
            {{ form.as_p }}
            <input type="submit" value="Enregistrer">
        </form>
    </article>
</div>

{% include "agenda_culturel/side-nav.html" with current="messages" %}
</div>

{% endblock %}