{% extends "base.html" %}

{% block content %}

<div>
    <h1>
        Messages:
    </h1>
    <hr>
</div>

    {% for message in messages %}

        <div class="ml-4">
            <div class="">
                <div class="pull-right">
                    <form method="POST">
                        {% csrf_token %}
                        <input type="hidden" name="item" value="{{ message.id }}">
                            <button class="btn mb-1 ml-2 btn-rounded btn-outline-light" type="submit" title="Mark Read">
                                <i class="icon-envelope-letter menu-icon text-warning"></i>
                            </button>
                    </form>
                </div>
                <h2><span class="text-muted">{{ forloop.counter }}|</span> {{ message.title }}</h2>
            </div>
            
            <div class="ml-5 mt-2">
                <div>
                    From: <i>{{ message.from_user }}</i>
                </div>
                <div>
                    {{ message.body }}
                </div>
            </div>
        </div>
        <hr>

    {% endfor %}

{% endblock content %}