{% extends "base.html" %}

{% block title %}{{ name }} - irc.now{% endblock %}

{% block banner %}{% include "partials/announcement.html" %}{% endblock %}
{% block flash %}{% include "partials/flash.html" %}{% endblock %}
{% block content %}
<div class="content">
  <h1>{{ name }}</h1>

  <div class="card">
    <h2>status</h2>
    {% if ready %}
    <p style="color: var(--g);">ready</p>
    {% else %}
    <p><span hx-get="/networks/{{ name }}/status" hx-trigger="every 3s" hx-swap="innerHTML" style="color: #E08080;">not ready</span></p>
    {% if !status_message.is_empty() %}
    <p style="font-size: 12px; font-family: var(--mono); color: var(--text-3);">{{ status_message }}</p>
    {% endif %}
    {% endif %}
  </div>

  <div class="card">
    <h2>connection</h2>
    <div class="profile-field">
      <span class="profile-label">host</span>
      <span>{{ 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 %}