{# Options:
  teaser: Renders just a teaser
  disable_voting: Disable voting buttons (to prevent mass downvoting)
  no_collapse: Don't collapse for admin and moderator views
  show_deleted: Show deleted content (for admin views)
  children: replies to this reply

  NB: there is a clone of this file, add_reply_inline_result.html which is used for rendering the result of the ajax call
      to create a new comment - that file needs to be kept in sync with this one.
#}
{% if current_user.is_authenticated -%}
    {% set collapsed = ((post_reply.score <= current_user.reply_collapse_threshold) or post_reply.deleted)
                       and not no_collapse -%}
{% else -%}
    {% set collapsed = (post_reply.score <= -10) and not no_collapse -%}
{% endif -%}
<div class="container comment{% if post_reply.score and post_reply.score <= -10 %} low_score{% endif %}{% if post_reply.author.id == post_reply.post.author.id %} original_poster{% endif %}" id="comment_{{ post_reply.id }}"{% if post_reply.language_id and post_reply.language.code != 'en' %} lang="{{ post_reply.language.code }}"{% endif %} aria-level="{{ post_reply.depth+1 }}" role="treeitem">
    {% if not post_reply.author.indexable -%}<!--googleoff: all-->{% endif -%}
    {% if teaser -%}
    <div class="row">
        <div class="col-12 hidable">
            {% if post_reply.post.deleted: -%}
                reply to: <a href="{{ url_for('activitypub.post_ap', post_id=post_reply.post.id, _anchor='comment_' + str(post_reply.id)) }}">[deleted post]</a>
            {% else -%}
                reply to: <a href="{{ url_for('activitypub.post_ap', post_id=post_reply.post.id, _anchor='comment_' + str(post_reply.id)) }}">{{ post_reply.post.title | truncate(80, True) }}</a>
            {% endif -%}
            <span class="comment_community">in {{ render_communityname(post_reply.post.community) }}</span>
        </div>
    </div>
    {% endif -%}
    <div class="row">
        <div class="col-auto comment_author">
            <span class="visually-hidden">by</span>
            {{ render_username(post_reply.author, htmx_redirect_back_to=request.path + '#comment_' + str(post_reply.id)) }}
            {% if post_reply.author.id == post_reply.post.author.id -%}
                <span title="Submitter of original post" aria-label="{{ _('Post creator') }}" class="small"> [OP]</span>
            {% endif -%}
        </div>
        <div class="col-auto text-muted small pt-05">
            <time datetime="{{ arrow.get(post_reply.posted_at).format('YYYY-MM-DD HH:mm:ss ZZ') }}" title="{{ arrow.get(post_reply.posted_at).format('YYYY-MM-DD HH:mm:ss ZZ') }}">{{ arrow.get(post_reply.posted_at).humanize(locale=locale) }}</time>{% if post_reply.edited_at -%}, edited <time datetime="{{ arrow.get(post_reply.posted_at) }}" title="{{ arrow.get(post_reply.posted_at) }}">{{ arrow.get(post_reply.edited_at).humanize(locale=locale) }}</time>{% endif -%}
        </div>
        <div class="col-auto">
            {% if post_reply.reports and current_user.is_authenticated and post_reply.post.community.is_moderator(current_user) -%}
                <span class="red fe fe-report" title="{{ _('Reported. Check comment for issues.') }}"></span>
            {% endif -%}
        </div>
        <div class="col-auto">
            {% if post_reply.deleted -%}
                <span class="red fe fe-delete" title="{{ _('Comment deleted') }}"></span>
            {% endif -%}
        </div>
        <div class="col-auto">
            <a class="unhide" href="#"><span class="fe fe-expand"></span></a>
        </div>
    </div>

    <div class="row comment_body hidable{% if post_reply.reports and current_user.is_authenticated and post_reply.post.community.is_moderator(current_user) %} reported{% endif %}">
        <div class="col-12">
            {% if post_reply.deleted and not show_deleted -%}
                {% if post_reply.deleted_by is none or post_reply.deleted_by != post_reply.user_id -%}
                    <p>{{ _('Deleted by moderator') }}</p>
                {% else -%}
                    <p>{{ _('Deleted by author') }}</p>
                {% endif -%}
            {% else -%}
                {{ post_reply.body_html | community_links | person_links | safe }}
            {% endif -%}
        </div>
    </div>
    <div class="comment_actions hidable">
        <div class="post_replies_link">
            {% if post_reply.post.comments_enabled -%}
                {% if not post_reply.post.deleted and not post_reply.deleted -%}
                    {% if current_user.is_authenticated -%}
                        <a href="{{ url_for('post.add_reply', post_id=post_reply.post.id, comment_id=post_reply.id) }}"
                           hx-get="{{ url_for('post.add_reply_inline', post_id=post_reply.post.id, comment_id=post_reply.id) }}"
                           hx-target="#reply_to_{{ post_reply.id }}"
                           hx-swap="innerHTML focus-scroll:true"
                           rel="nofollow noindex"><span class="fe fe-reply"></span> reply</a>
                    {% else -%}
                        <a href="{{ url_for('auth.login', next='/post/' + str(post_reply.post.id)) }}"><span class="fe fe-reply"></span> reply</a>
                    {% endif -%}
                {% else -%}
                    <span class="fe fe-reply"></span> reply
                {% endif -%}
            {% endif -%}
        </div>
        <div class="voting_buttons_new">
            {% with comment=post_reply, community=post_reply.post.community -%}
                {% include "post/_comment_voting_buttons.html" -%}
            {% endwith -%}
        </div>
        <div class="hide_button">
            {% if collapsed -%}
                <a href='#' class=""><span class="fe fe-expand"></span></a>
            {% else -%}
                <a href='#' class=""><span class="fe fe-collapse"></span></a>
            {% endif -%}
        </div>
        <div class="notify_toggle pull-right">
            {% if current_user.is_authenticated and current_user.verified -%}
                {% with comment=dict(comment=post_reply) -%}
                    {% include "post/_reply_notification_toggle.html" -%}
                {% endwith -%}
            {% endif -%}
        </div>
        <div class="comment_actions_link">
            {% if not post_reply.post.deleted -%}
                <div class="dropdown">
                    <a 
                        href="{{ url_for('post.post_reply_options', post_id=post_reply.post.id, comment_id=post_reply.id) if low_bandwidth else '#' }}"
                        data-bs-toggle="dropdown" rel="nofollow noindex" 
                        aria-label="{{ _('Comment options') }}">
                        <span class="fe fe-options" title="Options"> </span>
                    </a>
                    <ul class="dropdown-menu" style="width: 320px">
                        <div 
                            hx-get="{{ url_for('post.post_reply_options', post_id=post_reply.post.id, comment_id=post_reply.id) }}"
                            hx-trigger="intersect once"
                            hx-target="this"
                            hx-swap="outerHTML"
                        ></div>
                    </ul>
                </div>
            {% endif -%}
        </div>
    </div>
    <div id="reply_to_{{ post_reply.id }}" class="hidable"></div>
    {% if not post_reply.author.indexable -%}<!--googleon all-->{% endif -%}

    {% if children -%}
        <div class="replies hidable" role="group">
            {% if not THREAD_CUTOFF_DEPTH or post_reply.depth <= THREAD_CUTOFF_DEPTH -%}
                    {% for reply in children -%}
                        {% with post_reply=reply['comment'], children=reply['replies'] %}
                            {% include 'post/_post_reply_teaser.html' %}
                        {% endwith %}
                    {% endfor -%}
            {% else -%}
                <div class="continue_thread hidable">
                    <a href="{{ url_for('post.continue_discussion', post_id=post_reply.post.id, comment_id=post_reply.id, _anchor='replies') }}">Continue thread</a>
                </div>
            {% endif -%}
        </div>
    {% endif -%}

    {% if collapsed -%}
        <script nonce="{{ session['nonce'] }}" type="text/javascript">
            if (typeof(toBeHidden) === 'undefined') {
                toBeHidden = Array();
            }
            toBeHidden.push({{ post_reply.id }});
        </script>
    {% endif -%}
</div>