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

{% 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 %}
    {% if senders %}
    <ul class="messages-list">
        {% for sender in senders %}
        <li>
            <div class="mi-wrap clearfix">
                <div class="mi-pict">

                    <a href="{{ sender.sender.get_permanent_url }}">
                    {% include 'includes/show_avatar.html' with user=sender.sender %}
                    </a>
                </div>
                <div class="mi-body">
                    <div class="mi-sender"><a href="{{ sender.sender.get_permanent_url }}">{{ sender.sender.get_full_name }}</a>:</div>
                    <div class="mi-text">{{ sender.message.body }}</div>
                </div>
                <div class="mi-time">{{ sender.message.sent_at }}</div>
            </div>
            <div class="mi-buttons clearfix">
                <a class="button icon-reply pw-open reply-msg"
                   data-sender="{{ sender.sender.id }}" data-reply-message="{{ sender.message.id }}"
                   href="#pw-reply">
                    {% trans 'ответить' %}
                </a>
                <a class="button blue icon-go" href="/profile/messages/history/{{ sender.sender.id }}/">{% trans 'вся переписка' %}</a>
            </div>
        </li>
        {% endfor %}
    </ul>
    {% else %}
		<section class="message-not-found">
			<span>
				<i class="fa fa-envelope-square"></i>
			</span>
			<span class="message">
				{% trans "У вас нет новых сообщений" %}
			</span>
		</section>
    {% endif %}
{% endblock %}

{% block popup %}
<div id="pw-reply" class="popup-window pw-reply">
    <header class="clearfix">
        <div class="pw-title">Ответить</div>
    </header>
    <div class="pw-body clearfix">
        <form class="pw-form" action="#" method="post" id="reply_form"> {% csrf_token %}
            <div class="pwf-line">
                <label for="reply-msg">{% trans 'Сообщение' %}:</label>
                <div class="pwf-field">
                    <input type="hidden" value="" id="reply_message">
                    {{ reply_form.recipient }}
                    {{ reply_form.body }}
                </div>
            </div>
            <div class="pwf-buttons-line">
                <button type="submit" class="icon-check">{% trans 'отправить' %}</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}