pan>{{ hostname }}</span>
    </div>
    <div class="profile-field">
      <span class="profile-label">port (tls)</span>
      <span>6697</span>
    </div>
    <div class="profile-field">
      <span class="profile-label">port (plain)</span>
      <span>6667</span>
    </div>
    {% if !network_name.is_empty() %}
    <div class="profile-field">
      <span class="profile-label">network name</span>
      <span>{{ network_name }}</span>
    </div>
    {% endif %}
    <div class="profile-field">
      <span class="profile-label">auth</span>
      <span>SASL PLAIN (irc.now credentials)</span>
    </div>
  </div>

  <div class="card">
    <h2>danger zone</h2>
    <p>deleting a network removes the IRC server and all its data.</p>
    <form method="post" action="/networks/{{ name }}/delete"
          hx-post="/networks/{{ name }}/delete" hx-confirm="delete network {{ name }}? this cannot be undone.">
      <button type="submit" class="btn-fill" style="background: #AA5555;">
        <span class="htmx-hide-on-request">delete network</span>
        <span class="htmx-indicator">deleting...</span>
      </button>
    </form>
  </div>
</div>
{% endblock %}