{% if ping_form %}
  <div class="border-top pt-3">
    <div class="text-uppercase text-muted small fw-semibold mb-2">Ping</div>
    <form method="post" action="{{ owner_path }}/ping">
      <input type="hidden" name="csrf_token" value="{{ ping_form.csrf_token }}">
      <input type="hidden" name="next" value="{{ ping_form.next }}">
      <label class="form-label visually-hidden" for="user-ping-body-{{ owner.username }}">Direct ping mention</label>
      <textarea
        class="form-control form-control-sm"
        id="user-ping-body-{{ owner.username }}"
        name="body"
        rows="3"
        maxlength="{{ ping_body_max_len }}"
        placeholder="@{{ owner.username }}"
      ></textarea>
      <div class="d-flex justify-content-between">
        <div class="form-text">Send a direct ping mention to @{{ owner.username }}.</div>
        <div class="form-text" data-ping-char-counter data-ping-max-len="{{ ping_body_max_len }}">0/{{ ping_body_max_len }} characters</div>
      </div>
      <div class="d-grid mt-2">
        <button class="btn btn-primary btn-sm" type="submit">Ping <strong>@{{ owner.username }}</strong></button>
      </div>
    </form>
  </div>
{% endif %}