{% extends "base.html" %}

{% block title %}Shout.dev: Channels{% endblock %}

{% block main %}
  {% include "breadcrumbs.html" %}
  <main class="container mt-5">
    <section class="mb-4">
      <h1>Channel Configuration</h1>
    </section>
    <section class="mb-4">
      <form
        method="post"
        action="{{ breadcrumbs.join("update-channel") }}"
      >
        <div class="mb-3">
          <label for="channel-name-input" class="form-label">Channel Name</label>
          <input
            type="text"
            class="form-control"
            id="channel-name-input"
            name="name"
            value="{{ channel.name }}"
          >
        </div>
        <div class="mb-3">
          <div class="form-check form-switch">
            <input
              class="form-check-input"
              {% if channel.enable_by_default %}
                checked=""
              {% endif %}
              type="checkbox"
              name="enable_by_default"
              value="true"
              role="switch"
              id="channel-default-enabled-switch"
            >
            <label class="form-check-label" for="channel-default-enabled-switch">
              Enable by default for new projects in this team
            </label>
          </div>
        </div>
        <div class="mb-3">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <button class="btn btn-primary" type="submit">Save</button>
        </div>
      </form>
    </section>
    {% block extra_config %}{% endblock %}
  </main>
{% endblock %}