{% load i18n %}<article id="commentail-{{ comment.id }}" class="commentail-comment"{% if structured_microdata and comment.schema %} itemscope itemtype="https://schema.org/Comment" itemid="{{ comment.schema.identifier }}"{% endif %}><span class="commentail-avatar" style="--commentail-generated-avatar:{{ comment.gradient }}" aria-hidden="true">{{ comment.initials }}{% if comment.avatar_url %}<img class="commentail-avatar-image" src="{{ comment.avatar_url }}" alt="" loading="lazy">{% endif %}</span><div class="commentail-content"><header>{% if structured_microdata and comment.schema %}<strong itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">{{ comment.display_name }}</span></strong>{% else %}<strong>{{ comment.display_name }}</strong>{% endif %} <a class="commentail-date" href="{{ comment.permalink }}"{% if structured_microdata and comment.schema %} itemprop="url"{% endif %}><time{% if structured_microdata and comment.schema %} itemprop="datePublished" datetime="{{ comment.schema.published }}"{% endif %}>{{ comment.published_at }}</time></a>{% if comment.edit_url and options.mode == 'open' %}<details class="commentail-menu"><summary aria-label="{% trans 'Comment actions' %}"><span aria-hidden="true">⋮</span></summary><div class="commentail-menu-panel"><a data-commentail-edit="{{ comment.id }}" data-commentail-navigation data-commentail-focus="text" href="{{ comment.edit_url }}">{% trans "Edit" %}</a></div></details>{% endif %}</header>{% if comment.reply_to_id %}<a class="commentail-addressee" data-commentail-navigation href="?target={{ comment.reply_to_id }}#commentail-{{ comment.reply_to_id }}">@{{ comment.reply_to_name }}</a>{% endif %}{% if structured_microdata and comment.schema %}<span hidden itemprop="about" itemscope itemtype="https://schema.org/Thing" itemid="{{ comment.schema.target }}"></span>{% if comment.schema.parent %}<span hidden itemprop="parentItem" itemscope itemtype="https://schema.org/Comment" itemid="{{ comment.schema.parent }}"></span>{% endif %}{% endif %}<p class="commentail-text"{% if structured_microdata and comment.schema %} itemprop="text"{% endif %}>{{ comment.body }}</p>{% if comment.edited_at %}<span class="commentail-muted">{% trans "Edited" %} <time{% if structured_microdata and comment.schema %} itemprop="dateModified" datetime="{{ comment.schema.modified }}"{% endif %}>{{ comment.edited_at }}</time></span>{% endif %}<footer>{% if can_post and comment.status == 'published' %}<a class="commentail-control" data-commentail-reply="{{ comment.id }}" data-commentail-navigation data-commentail-focus="text" href="{{ comment.reply_url }}">{% trans "Reply" %}</a>{% endif %}</footer>{% if editing.id == comment.id %}{% include "commentail/edit-form.html" %}{% endif %}</div></article>