{% extends "admin/base.html" %}
{% from "admin/macros/comments.html" import thread_item %}
{% block title %}{{ heading }}{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <div class="row g-2 align-items-center">
    <div class="col">
      <h2 class="page-title">
        {{ heading }} <span class="text-secondary">/ {{ subtitle }}</span>
      </h2>
      <div class="text-secondary mt-1">{{ count }} comment{{ '' if count == 1 else 's' }}</div>
    </div>
    <div class="col-auto ms-auto d-print-none">
      <a href="{{ back_url }}" class="btn">Back</a>
    </div>
  </div>
</div>
{% if deleted_target %}
<div class="alert alert-warning" role="alert">
  This row has been deleted. The comments below are kept for the audit trail and
  are read-only.
</div>
{% endif %}
{% if can_add %}
<div class="card mb-3">
  <div class="card-body">
    <form method="post" action="{{ comments_url }}" data-comment-composer-form>
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}"/>
      <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}"/>
      <label class="form-label" for="comment-body">Add a comment</label>
      <textarea id="comment-body" name="body" rows="3" maxlength="{{ max_length }}"
                class="form-control{{ ' is-invalid' if error and error_field == 'body' and not edit_comment_id and not reply_parent }}"
                placeholder="Write a comment. Use @ to mention someone."
                data-comment-composer data-mention-url="{{ mention_url }}"
                data-mention-model="{{ mention_model }}">{{ body_value if not edit_comment_id and not reply_parent else '' }}</textarea>
      {% if error and error_field == 'body' and not edit_comment_id and not reply_parent %}
      <div class="invalid-feedback">{{ error }}</div>
      {% elif error and not edit_comment_id and not reply_parent %}
      <div class="text-danger small mt-1">{{ error }}</div>
      {% endif %}
      <div class="form-hint mt-1">Ctrl+Enter sends. Markdown is not interpreted.</div>
      <div class="btn-list mt-2">
        <button type="submit" class="btn btn-primary">Post comment</button>
      </div>
    </form>
  </div>
</div>
{% elif not deleted_target %}
<div class="alert alert-secondary" role="alert">
  You can read this discussion but you do not have permission to post.
</div>
{% endif %}
<div class="card">
  <div class="card-body">
    {% if not threads %}
    <div class="text-secondary">No comments yet.</div>
    {% endif %}
    {% for thread in threads %}
      {{ thread_item(thread, comments_url, csrf_token, can_add, allow_replies,
                     edit_comment_id, edit_body, error, error_field, reply_parent,
                     body_value, mention_url, mention_model, max_length, deleted_target) }}
    {% endfor %}
  </div>
  {% if older %}
  <div class="card-footer d-flex align-items-center">
    <span class="text-secondary small">Showing the most recent threads.</span>
    <div class="ms-auto btn-list">
      {% if before %}<a href="{{ comments_url }}" class="btn btn-sm">Newest</a>{% endif %}
      <a href="{{ comments_url }}?before={{ older }}" class="btn btn-sm">Older</a>
    </div>
  </div>
  {% elif before %}
  <div class="card-footer">
    <a href="{{ comments_url }}" class="btn btn-sm">Newest</a>
  </div>
  {% endif %}
</div>
{% endblock %}