{% extends "base.html" %}

{% block content %}

<div class="row justify-content-center">
        <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-6">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ message.title }}</h3>
                </div>
                <div class="card-body">
                    {{ message.body }}
                </div>
                <div class="card-footer row pt-0">
                    <div class="col-6">
                        <a {% if type == 'received' %}href="{% url 'received_messages' %}{% else %}href="{% url 'sent_messages' %}{% endif %}">
                            <button type="submit" value="add" class="btn btn-icon btn-warning ">
                                <i class="tim-icons icon-double-left"></i>
                            </button>
                        </a>
                    </div>
                    <div class="col-6 text-right">
                        <a href="{% url 'compose_message' %}">
                            <button type="submit" value="add" class="btn btn-icon btn-warning ">
                                <i class="tim-icons icon-pencil"></i>
                            </button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}