{% if comments is defined and (comments.is_open or comments.count > 0) %}
<section class="comments-section border-top pt-5 mt-5" id="comments">
    <h2 class="h4 mb-4">{{ comments.title }}</h2>

    {% if comments.list|length > 0 %}
        <div class="comment-list mb-4">
            {% for comment in comments.list %}
                {% include 'partials/comment-item.html.twig' with {'comment': comment, 'depth': 0} only %}
            {% endfor %}
        </div>
    {% endif %}

    {% if comments.is_open %}
        <div class="comment-form mt-4">
            {{ comments.form|raw }}
        </div>
    {% endif %}
</section>
{% endif %}
