{% extends "base.html" %}

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

{% block content %}
<div class="content">
  <h1>bouncers</h1>
  {% if bouncers.is_empty() %}
  <div class="card">
    <p>no bouncers yet</p>
    <form method="post" action="/bouncers/create" class="paste-form">
      <div class="form-group">
        <label for="name">bouncer name</label>
        <input type="text" id="name" name="name" placeholder="my-bouncer" required class="input">
      </div>
      <button type="submit" class="btn-fill">create bouncer</button>
    </form>
  </div>
  {% else %}
  {% for bouncer in bouncers %}
  <div class="card">
    <h2>{{ bouncer.name }}</h2>
    <p>{{ bouncer.hostname }}</p>
  </div>
  {% endfor %}
  {% endif %}
</div>
{% endblock %}