{% extends "base.html" %}

{% block content %}

<h1>Messaging</h1>
{% if user.profile_image %}
<img src="static/uploads/{{ user.profile_image }}" class="border rounded-circle">
{% else %}
<img src="static/uploads/default.png" class="border rounded-cirle">
{% endif %}
{{ user.firstname }}

{% if recipient.profile_image %}
<img src="static/uploads/{{ recipient.profile_image }}" class="border rounded-circle">
{% else %}
<img src="static/uploads/default.png" class="border rounded-circle">
{% endif %}
{{ recipient.firstname }}

<div>
    {% for message in msg_hist %}
        {%if message.sender == user.id %}
        <p class="sender_msg">{{ message.datestamp }} :: {{ message.message }}</p>
        {% else %}
        <p class="rcvr_msg">{{ message.datestamp }} :: {{ message.message }}</p>
        {% endif %}
    {% endfor %}
</div>

<form method="POST">
    <textarea name="message_box" id="message_box" cols="50" rows="3" style="resize:none;"></textarea>
    <button type="submit" class="btn btn-primary">Send</button>
</form>
{% endblock %}