{% if user.is_authenticated %}
<h1 class="text-2xl border-b-2 mb-2">Conversation</h1>
<form action="add-comment/" method="post">
    {% csrf_token %}

    <textarea name="comment" id="" class="rounded w-full h-10 focus:h-36"></textarea>
    <div class="flex justify-end">
        <button type="submit" class="bg-blue-600 px-4 py-1 rounded text-white">Send</button>
    </div>
</form>

{% for item in page.specific.comments.all %}
<div class="pb-2 border-b-2">
    <h1 class="font-bold flex items-center gap-2">
        <span class="text-2xl">
            <i class='bx bxs-user-circle'></i>
        </span>
        <span class="-mt-1">
            {{item.user}}
        </span>
    </h1>
    <h2 class="-mt-2 ml-8 text-xs opacity-70">{{item.date|date:"d M, Y"}}</h2>
    <div class="text-sm pl-8">
        {{item.comment}}
    </div>
</div>
{% endfor %}
{% endif %}