ss="form-group" style="margin-bottom: 12px;">
        <label for="name">name</label>
        <input class="input" type="text" id="name" name="name" placeholder="my-bot" required>
      </div>
      <div class="form-group" style="margin-bottom: 12px;">
        <label for="nick">nick</label>
        <input class="input" type="text" id="nick" name="nick" placeholder="mybot" required>
      </div>
      <div class="form-group" style="margin-bottom: 12px;">
        <label for="network_addr">network address</label>
        <input class="input" type="text" id="network_addr" name="network_addr" value="irc+insecure://irc-now-net:6667">
      </div>
      <div class="form-group" style="margin-bottom: 12px;">
        <label for="sasl_username">sasl username (optional)</label>
        <input class="input" type="text" id="sasl_username" name="sasl_username" placeholder="bot-account">
      </div>
      <div class="form-group" style="margin-bottom: 12px;">
        <label for="sasl_password">sasl password (optional)</label>
        <input class="input" type="password" id="sasl_password" name="sasl_password">
      </div>
      <div class="form-group" style="margin-bottom: 14px;">
        <label for="channels">channels (comma-separated)</label>
        <input class="input" type="text" id="channels" name="channels" placeholder="#general, #bots">
      </div>
      <button type="submit" class="btn-fill">
        <span class="htmx-hide-on-request">create bot</span>
        <span class="htmx-indicator">creating...</span>
      </button>
    </div>
  </form>
</div>
{% endblock %}
