{% include 'header.twig' %}

<div class="post">

    <div class="title">
        {% if post.link|length > 0 %}
            <a href="{{ post.link }}">
                {{ post.title }}
            </a>
        {% else %}
            {{ post.title }}
        {% endif %}
    </div>

    <div class="info">
        {%
        include 'vote.twig' with {
            target: 'post',
            hash_id: post.hashId,
            vote: votes.post[post.id] is defined ? votes.post[post.id].vote : null,
            vote_count: post.vote,
            user: user is defined ? user : null
        } only
        %}
        
        by <a href="{{ ('user/' ~ post.username)|docroot }}">{{ post.username }}</a> <em>{{ post.created|ago }}</em>
        — {{ post.vote }} votes, <a href="#comments">{{ post.commentsCount }} comments</a>
        
        {% if user and post.userId == user.id %}
            — <a href="../edit?post={{ post.hashId }}">Edit</a>
        {% endif %}
    </div>
    
    <div class="text">
        {{ post.text|markdown|raw }}
    </div>
    
    {# An anchor for where the comments section starts #}
    <a id="comments"></a>
    
    {% if user %}
        <form action="" method="post" class="new_comment">
            <textarea name="new_comment" class="form-control" placeholder="Write a comment"></textarea>
            <input type="submit" value="Add comment" class="btn btn-primary" />
        </form>
    {% endif %}

    <div class="comments">
        {% include 'comment.twig' with {
            'post': post,
            'comments': comments,
            'votes': votes.comment,
            'parent_id': 0,
            'depth': 0
        } %}
    </div>
</div>

{% include 'footer.twig' %}