{% load i18n %}
<div class="commentail-editor">
{% if editing.error %}<p class="commentail-error" role="alert">{{ editing.error }}</p>{% endif %}
{% if editing.can_edit %}
<form class="commentail-edit-form" data-edit-comment="{{ comment.id }}" method="post" action="{{ editing.url }}">
  {% csrf_token %}<input type="hidden" name="edit_comment" value="{{ comment.id }}">
<div class="commentail-rich" data-editor-settings="{{ editing.editor_settings }}" data-editor-asset="{{ editor_asset }}" data-editor-css="{{ editor_css }}" data-editor-locale="{{ editor_locale }}">  <label for="commentail-edit-text-{{ comment.id }}">{% trans "Edit comment" %}</label>
  {% if editing.editor_mode == 'visual' %}{% include "commentail/editor-tools.html" %}{% endif %}
  <textarea autocomplete="off" id="commentail-edit-text-{{ comment.id }}" name="text" class="commentail-input" rows="4" required aria-describedby="commentail-edit-length-{{ comment.id }} commentail-edit-hint-{{ comment.id }}">{{ editing.text }}</textarea><div class="editor" data-editor-root hidden role="textbox" aria-multiline="true" aria-label="{% trans 'Edit comment' %}" contenteditable="true"></div><p id="commentail-edit-length-{{ comment.id }}" class="commentail-muted commentail-length">{% blocktrans with limit=options.max_length %}Maximum {{ limit }} characters.{% endblocktrans %}</p><p data-editor-status role="status"></p></div>
  <p id="commentail-edit-hint-{{ comment.id }}" class="commentail-muted">{% trans "Your changes follow the site's moderation policy. The current text remains visible while a revision awaits review." %}</p>
  <div class="commentail-actions"><button class="commentail-button" type="submit">{% trans "Submit revision" %}</button> <a class="commentail-button commentail-secondary" data-commentail-navigation data-commentail-edit-cancel href="{{ editing.cancel_url }}">{% trans "Cancel" %}</a></div>
</form>
{% else %}<a class="commentail-button commentail-secondary" data-commentail-navigation data-commentail-edit-cancel href="{{ editing.cancel_url }}">{% trans "Cancel" %}</a>{% endif %}
</div>