{% for comment in comments %}
    <div class="border-b border-base-300 py-2">
        <p class="text-sm"><strong>{{ comment.author.username }}</strong> <span class="text-xs opacity-50">{{ comment.created_at|timesince }} ago</span></p>
        <p>{{ comment.body }}</p>
    </div>
{% empty %}
    <p class="text-sm opacity-50">No comments yet.</p>
{% endfor %}