{% extends 'default/templates/renderable/administerable.html' %}

{% block content %}
    <div class="meta">
        <span class="nick">{{ content.nick }}</span>
        <span class="created">{{ content.created|prettydate }} UTC</span>
    </div>
    <div class="text">{{ content.text.render() }}</div>

    <div class="replies">

        {% if mode == 'full' %}
            <div class="comment-reply-form">
                <input id="reply-toggle-{{ content.id }}" class="toggle-input" type="checkbox" />
                <label for="reply-toggle-{{ content.id }}" class="toggle-label" title="Reply">↩</label>
                {{ content.reply_form().render() }}
            </div>

            {% if content.replies|length %}
                {% for reply in content.replies %}
                    {{ reply.render(mode) }}
                {% endfor %}
            {% endif %}

        {% endif %}

    </div>
{% endblock %}