{% for topic in topics %}
{% set replies = frappe.get_all("Discussion Reply", {"topic": topic.name},
["reply", "owner", "creation"], order_by="creation desc")%}

<!-- Hack to reorganize the replies array. So even though we want reverse cronology, the first reply should appear first. -->
{% if replies.insert(0, replies.pop()) %}{% endif %}

{% if replies %}
<div class="collapse discussion-on-page" id="t{{ topic.name }}" data-topic="{{ topic.name }}"
  data-parent="#discussion-group">
  <div class="course-home-headings p-0">{{ topic.title }}</div>
  {% for reply in replies %}

  {% if loop.index == 2 %}
  <div class="card-divider-dark mb-10"></div>
  {% endif %}

  {% include "community/templates/discussions/reply_card.html" %}

  {% if loop.index == 1 %}

  {% if frappe.session.user == "Guest" or (condition is defined and not condition) %}
  <div class="d-flex flex-column align-items-center muted-text">
    Want to join the discussion?
    {% if frappe.session.user == "Guest" %}
    <div class="button is-primary mt-3 mb-3" id="login-from-discussion">Log In</div>
    {% elif not condition %}
    <div class="button is-primary mt-3 mb-3" id="login-from-discussion" data-redirect="{{ redirect_to }}">{{ button_name }}
    </div>
    {% endif %}
  </div>
  {% else %}
  {{ widgets.CommentBox(doctype=doctype, docname=docname) }}
  {% endif %}

  {% endif %}

  {% endfor %}
</div>
{% endif %}
{% endfor %}