{% extends 'base_catalog.html' %}
{% load i18n %}

{% block bread_scrumbs %}
   <div class="bread-crumbs">
        <a href="/">{% trans 'Главная страница' %}</a>
        <a href="/profile/">{% trans 'Личный кабинет' %}</a>
        <strong>{% trans 'Сообщения' %}</strong>
   </div>
{% endblock %}

{% block page_title %}
   <div class="page-title">
       <h1>{% trans 'Сообщения' %}</h1>
   </div>
{% endblock %}

{% block content_list %}
<ul class="messages-list">
{% for msg in profile_messages %}
    <li>
        <div class="mi-wrap clearfix {% ifequal msg.sender user %}me{% endifequal %}">
            <div class="mi-pict">
                {% include 'includes/show_avatar.html' with user=msg.sender %}
            </div>
            <div class="mi-body">
                <div class="mi-sender">
                    {% ifequal msg.sender user %}
                        {% trans 'Вы' %}:
                    {% else %}
                        <a href="{{ msg.sender.get_permanent_url }}">{{ msg.sender.get_full_name }}</a>
                    {% endifequal %}
                </div>
                <div class="mi-text">{{ msg.body }}</div>
            </div>
            <div class="mi-time">{{ msg.sent_at }}</div>
        </div>
    </li>
{% endfor %}
</ul>
<form class="s-message" action="#" method="post">{% csrf_token %}
    <div class="mf-line">
        <label for="msg">{% trans 'Сообщение' %}:</label>

        <div class="mf-field">
            {{ form.recipient }}
            {{ form.body }}
        </div>
    </div>
    <div class="mf-buttons-line">
        <button class="icon-check">{% trans 'отправить' %}</button>
        <a href="/profile/messages/">{% trans 'Все сообщения' %}</a>
    </div>
</form>
{% endblock %}