{% extends "layouts/default" %}
{% import "views/macros/tags" %}
{% block content %}
<ul id="0">
    <li id="msg-{{ msg.mid }}" class="msg msgthread">
        <div class="msg-cont">
            <div class="msg-header">
                <div class="msg-avatar">
                    <a href="/{{ msg.user.name }}/"><img src="{{ msg.user.avatar }}" alt="{{ msg.user.name }}"></a>
                </div>
                <span>
                    <a href="/{{ msg.user.name }}/"><span>{{ msg.user.name }}</span>{% if msg.user.premium %}<span style="color: green;"><i data-icon="ei-star" data-size="s"></i></span>{% endif %}</a>
                </span>
                <div class="msg-ts">
                    {% if msg.friendsOnly %}
                    <i data-icon="ei-lock" data-size="s"></i> &middot;
                    {% endif %}
                    <a href="/{{ msg.user.name }}/{{ msg.mid }}">
                        <time datetime="{{ msg.created | date('yyyy-MM-dd HH:mm:ss', timeZone="UTC") }}Z"
                              title="{{ msg.created | date('yyyy-MM-dd HH:mm:ss', timeZone="UTC") }} GMT">
                            {{ msg.created | prettyTime }}
                        </time>
                    </a>
                    {% if msg.updatedAt != msg.created %}
                    &middot; Edited
                    {% endif %}
                </div>
            </div>
            <div class="msg-txt">
                <span class="msg-tags">
                    {{ tags(msg.user.name, msg.tags | tagsList) }}
                </span>
                {{ msg | formatMessage }}
            </div>
            {% if msg.AttachmentType is not empty %}
            <div class="msg-media">
                <a href="//i.juick.com/p/{{ msg.mid }}.{{ msg.AttachmentType }}" data-fname="{{ msg.mid }}.{{ msg.AttachmentType }}">
                    <img src="//i.juick.com/photos-512/{{ msg.mid }}.{{ msg.AttachmentType }}" alt="">
                </a>
            </div>
            {% endif %}
            <nav class="l">
                {% if visitor.uid == msg.user.uid and (msg.user.premium or msg.user.admin) %}
                <a href="/{{ msg.mid }}" class="a-privacy msg-button">
                    <span class="msg-button-icon">
                        {% if msg.friendsOnly %}
                        <i data-icon="ei-unlock" data-size="s"></i>
                        <span>&nbsp;{{ i18n("messages","message.unlock") }}</span>
                        {% else %}
                        <i data-icon="ei-lock" data-size="s"></i>
                        <span>&nbsp;{{ i18n("messages","message.lock") }}</span>
                        {% endif %}
                    </span>
                </a>
                {% elseif visitor.uid > 0 %}
                <a href="/post?body=!+%23{{ msg.mid }}" class="a-like msg-button">
                    <span class="msg-button-icon">
                        <i data-icon="ei-heart" data-size="s"></i>
                        {% if msg.recommendations.size() > 0 %}&nbsp;{{ msg.recommendations.size() }}
                        {% else %}
                        <span>&nbsp;{{ i18n("messages","message.recommend") }}</span>
                        {% endif %}
                    </span>
                </a>
                {% else %}
                <a href="/login?retpath={{ retpath | default('/') }}" class="a-login msg-button">
                    <span class="msg-button-icon">
                        <i data-icon="ei-heart" data-size="s"></i>
                        {% if msg.recommendations.size() > 0 %}&nbsp;{{ msg.recommendations.size() }}
                        {%else %}
                        <span>&nbsp;{{ i18n("messages","message.recommend") }}</span>
                        {% endif %}
                    </span>
                </a>
                {% endif %}
                {% if visitor.uid > 0 %}
                {% if visitor.uid != msg.user.uid %}
                {% if msg.subscribed %}
                <a href="/post?body=U+%23{{ msg.mid }}" class="msg-button">
                    <span class="msg-button-icon">
                        <i data-icon="ei-check" data-size="s"></i>
                        <span>&nbsp;{{ i18n("messages","message.subscribed") }}</span>
                    </span>
                </a>
                {% else %}
                <a href="/post?body=S+%23{{ msg.mid }}" class="a-sub msg-button">
                    <span class="msg-button-icon">
                        <i data-icon="ei-eye" data-size="s"></i>
                        <span>&nbsp;{{ i18n("messages","message.subscribe") }}</span>
                    </span>
                </a>
                {% endif %}
                {% else %}
                <a href="/post?body=D+%23{{ msg.mid }}" class="msg-button">
                    <span class="msg-button-icon">
                        <i data-icon="ei-close" data-size="s"></i>
                        <span>&nbsp;{{ i18n("messages","message.delete") }}</span>
                    </span>
                </a>
                {% endif %}
                {% endif %}
            </nav>
            {% if msg.VisitorCanComment %}
            <form class="msg-comment-target">
                <input type="hidden" name="mid" value="{{ msg.mid }}">
                <div class="msg-comment">
                    <div class="ta-wrapper">
                        <textarea name="body" rows="1" class="reply" placeholder="{{ i18n("messages","message.writeComment") }}"></textarea>
                    </div>
                </div>
            </form>
            {% endif %}
            {% if msg.recommendations.size() > 0 %}
            <div class="msg-recomms">{{ i18n("messages","message.recommendedBy") }}
                {% for rec in msg.recommendations %}
                {% if rec.uri.toString() is empty %}
                    <a href="/{{ rec.name }}/">@{{ rec.name }}</a>{% if loop.index < (loop.length - 1) %}, {% endif %}
                {% else %}
                    <a href="{{ rec.uri }}">@{{ rec.name }}<span class="dimmed">@{{ rec.uri.host }}</span></a>{% if loop.index < (loop.length - 1) %}, {% endif %}
                {% endif %}
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </li>
</ul>
<div style="display:none;">
    {% if visitor.uid > 0 %}
    <img src="/api/thread/mark_read/{{ msg.mid }}-{{ msg.rid }}.gif">
    {% endif %}
</div>

<ul id="replies">
    {% for msg in replies %}
    <li id="{{ msg.rid }}" class="msg">
        <div class="msg-cont">
            <div class="msg-header" data-uri="{{ msg.user.uri }}">
                {% if not msg.user.banned %}
                <a class="a-username" href="/{{ msg.user.name }}/">{{ msg.user.name }}{% if msg.user.premium %}<span style="color: green;"><i data-icon="ei-star" data-size="s"></i></span>{% endif %}</a>
                <div class="msg-avatar">
                    <a class="a-username" href="/{{ msg.user.name }}/">
                        <img src="{{ msg.user.avatar }}" alt="{{ msg.user.name }}">
                    </a>
                </div>
                {% else %}
                [удалено]:
                <div class="msg-avatar">
                    <img src="//i.juick.com/av-96.png">
                </div>
                {% endif %}
                <div class="msg-ts">
                    <a href="/{{ msg.mid }}#{{ msg.rid }}">
                        <time datetime="{{ msg.created | date('yyyy-MM-dd HH:mm:ss', timeZone="UTC") }}Z"
                              title="{{ msg.created | date('yyyy-MM-dd HH:mm:ss', timeZone="UTC") }} GMT">
                            {{ msg.created | prettyTime }}
                        </time>
                    </a>
                    {% if msg.updatedAt != msg.created %}
                    &middot; Edited
                    {% endif %}
                </div>
            </div>
            <div class="msg-txt">{{ msg | formatMessage }}</div>
            {% if msg.AttachmentType is not empty %}
            <div class="msg-media">
                <a href="//i.juick.com/p/{{ msg.mid }}-{{ msg.rid }}.{{ msg.AttachmentType }}" data-fname="{{ msg.mid }}-{{ msg.rid }}.{{ msg.AttachmentType }}">
                    <img src="//i.juick.com/photos-512/{{ msg.mid }}-{{ msg.rid }}.{{ msg.AttachmentType }}" alt="">
                </a>
            </div>
            {% endif %}
            <div class="msg-links">/{{ msg.rid }}
                {% if msg.replyto > 0 %}
                {{ i18n("messages","reply.inReplyTo") }} <a href="#{{ msg.replyto }}">/{{ msg.replyto }}</a>
                {% endif %}
                {% if msg.VisitorCanComment %}
                &middot; <a href="/post?body=%23{{ msg.mid }}/{{ msg.rid }}%20" class="a-thread-comment">{{ i18n("messages","reply.reply") }}</a>
            </div>
            <div class="msg-comment-target msg-comment-hidden"></div>
            {% elseif visitor.uid == 0 %}
            &middot; <a href="#" class="a-login">{{ i18n("messages","reply.reply") }}</a>
        </div>
        {% else %}
        </div>
        {% endif %}
        </div>
    </li>
    {% endfor %}
</ul>
{% endblock %}
{% block "column" %}
{% include "views/partial/usercolumn" %}
{% endblock %}