{%- extends "nav" -%}
{%- block card %}
      <!-- SCUTTLEBUTT PRIVATE MESSAGE FORM -->
      <div class="card card-wide center">
        {# only render the private message elements if the sbot is active #}
        {%- if sbot_status and sbot_status.state == "active" %}
        <form id="sbotConfig" class="center" action="/scuttlebutt/private" method="post">
          <div class="center" style="display: flex; flex-direction: column; margin-bottom: 1rem;" title="Public key (ID) of the peer being written to">
            <label for="publicKey" class="label-small font-gray">PUBLIC KEY</label>
            <input type="text" id="publicKey" name="recipient" placeholder="@xYz...=.ed25519" {% if recipient_id %}value="{{ recipient_id }}"{% else %}autofocus{% endif %}>
          </div>
          <!-- input for message contents -->
          <textarea id="privatePost" class="center input message-input" name="text" title="Compose a private message" placeholder="Write a private message..."{% if recipient_id %} autofocus{% endif %}></textarea>
          <!-- hidden input field to pass the public key of the local peer -->
          <input type="hidden" id="localId" name="id" value="{{ id }}">
          <!-- BUTTONS -->
          <input id="publish" class="button button-primary center" type="submit" style="margin-top: 1rem;" title="Publish private message to peer" value="Publish">
        </form>
        {%- endif %}
        <!-- FLASH MESSAGE -->
        {% include "snippets/flash_message" %}
      </div>
{%- endblock card -%}