{% 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 style="color: #E08080;">not ready</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 !username.is_empty() %}
    <div class="profile-field">
      <span class="profile-label">username</span>
      <span>{{ username }}</span>
    </div>
    {% endif %}
  </div>

  {% if !networks.is_empty() %}
  <div class="card">
    <h2>networks</h2>
    {% for net in networks %}
    <div class="profile-field">
      <span class="profile-label">{% if net.name.is_empty() %}{{ net.addr }}{% else %}{{ net.name }}{% endif %}</span>
      <span>{% if !net.nick.is_empty() %}{{ net.nick }} @ {% endif %}{{ net.addr }}{% if !net.enabled %} (disabled){% endif %}</span>
    </div>
    {% endfor %}
  </div>
  {% endif %}

  <div class="card">
    <h2>danger zone</h2>
    <p>deleting a bouncer removes all its data, networks, and message history.</p>
    <form method="post" action="/bouncers/{{ name }}/delete" onsubmit="return confirm('delete bouncer {{ name }}? this cannot be undone.');">
      <button type="submit" class="btn-fill" style="background: #AA5555;">delete bouncer</button>
    </form>
  </div>
</div>
{% endblock %}