{% extends "meeting-base.html" %}

{% block headtitle %}My Messages {% endblock %}

{% load staticfiles %}

{% block content %}
    <div class="body">
        <div class="main-header programme-day-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-2 col-sm-1 pad-30 text-left">
                            <a href="javascript:history.back();">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-8 col-sm-10 pad-30 text-center">
                            <div class="title">My Messages</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body">
            <div class="list">
                {% if meeting_messages %}
                    <div class="message">
                        <p>All the messages below have been sent to your registered email address and can be replied to in the normal way from your personal inbox.</p>
                    </div>                
                    {% for meeting_message in meeting_messages %}
                        <div class="item {% if not meeting_message.orig_read %}unread{% endif %}">
                            <h3>{{ meeting_message.message.subject }}</h3>
                            <p><strong>From:</strong> {{ meeting_message.message.sender }}<br/>
                            <strong>Sent:</strong>  {{ meeting_message.message.created }}</p>
                            <p>{{ meeting_message.message.message|linebreaksbr }}</p>
                            <p><a href="{% url 'delete_message' meeting_information.slug meeting_message.id %}" onclick="return confirm('Are you sure you want to delete this message?');" class="text-danger">Delete Message</a></p>
                        </div>
                    {% empty %}
                        <div class="item">You have not received any messages yet.</div>
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}

{% block footer_script %}

{% endblock %}