{% include 'header.twig' %}

<div class="posts">

    {% for post in posts %}
    
        <div class="post">
            <div class="title">
                {% if post.link|length > 0 %}
                    <a href="{{ post.link }}">
                        {{ post.title }}
                    </a>
                {% else %}
                    <a href="post/{{ post.hashId }}">
                        {{ post.title }}
                    </a>
                {% endif %}
            </div>
            
            <div class="info">
                {%
                    include 'vote.twig' with {
                        target: 'post',
                        hash_id: post.hashId,
                        vote: votes[post.id] is defined ? votes[post.id].vote : null,
                        vote_count: post.vote
                    } only
                %}
                
                <em><a href="post/{{ post.hashId }}">{{ post.created|ago }}</a></em>
                by <a href="{{ ('user/' ~ post.username)|docroot }}">{{ post.username }}</a>
                —
                <a href="post/{{ post.hashId }}#comments">{{ post.commentsCount ? post.commentsCount }} comments</a>
            </div>
        </div>
        
    {% endfor %}
    
</div>

{% include 'footer.twig' %}