{% from "_macros.html" import content_url %}
<article class="post-card fade-in">
    {% include "_post_header.html" %}

    <div class="post-topic">
        <span class="badge badge-{{ item.post['topic'] }}">{{ item.post['topic'] }}</span>
    </div>

    {% if item.post.get('title') %}
    <a href="{{ content_url(item.post, 'posts') }}" class="post-title-link">
        <h3 class="post-title">{{ item.post['title'] }}</h3>
    </a>
    {% endif %}

    <div class="post-content rendered-content" data-render onclick="if (!event.target.closest('a')) window.location.href='{{ content_url(item.post, 'posts') }}'">{{ item.post['content'][:300] }}{% if item.post['content']|length > 300 %}...{% endif %}</div>

    {% if item.attachments %}
    {% include "_attachment_display.html" %}
    {% endif %}

    <div class="post-actions">
        {% set _uid = item.post['uid'] %}{% set _my_vote = item.my_vote %}{% set _count = item.post.get('stars', 0) %}{% include "_post_votes.html" %}
        <a href="{{ content_url(item.post, 'posts') }}" class="post-action-btn">
            &#x1F4AC; {{ item.comment_count }}
        </a>
        <a href="{{ content_url(item.post, 'posts') }}" class="post-action-btn share">
            &#x2197;&#xFE0E; Open
        </a>
        {% if _show_share %}
        <button type="button" class="post-action-btn" data-share="{{ content_url(item.post, 'posts') }}">&#x1F517; Share</button>
        {% endif %}
    </div>

    {% if _show_comment_form and user %}
    <form class="feed-comment-form" method="POST" action="/comments/create">
        <input type="hidden" name="post_uid" value="{{ item.post['uid'] }}">
        <img src="{{ avatar_url('multiavatar', user['username'], 24) }}" class="avatar-img avatar-24" alt="" loading="lazy">
        <input type="text" name="content" placeholder="Your opinion goes here..." maxlength="1000" autocomplete="off" data-mention>
        <button type="submit" class="feed-comment-submit">Post</button>
    </form>
    {% endif %}
</article>