KCI-KANBAN/app/views/Boards/Edit.asp

<div class="row justify-content-center">
  <div class="col-md-6">
    <div class="d-flex align-items-center mb-4">
      <a href="/board/<%= H(board.slug) %>" class="btn btn-sm btn-outline-secondary me-3">
        <i class="bi bi-arrow-left"></i>
      </a>
      <h1 class="h3 mb-0">Edit Board</h1>
    </div>

    <div class="card shadow-sm mb-3">
      <div class="card-body">
        <form method="post" action="/board/<%= H(board.slug) %>/update">
          <div class="mb-3">
            <label for="name" class="form-label">Board Name</label>
            <input type="text" class="form-control" id="name" name="name"
                   value="<%= H(board.name) %>" required autofocus />
          </div>
          <div class="mb-3">
            <label class="form-label text-muted small">Current Slug</label>
            <div class="form-control bg-light text-muted"><%= H(board.slug) %></div>
          </div>
          <div class="mb-3">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" id="import_from_printstream"
                     name="import_from_printstream"
                     <%= IIf(board.import_from_printstream, "checked", "") %> />
              <label class="form-check-label" for="import_from_printstream">Import Jobs from Printstream</label>
            </div>
          </div>
          <div class="mb-3" id="printstream-job-name-group"
               style="<%= IIf(board.import_from_printstream, "", "display:none;") %>">
            <label for="printstream_job_name" class="form-label">Job Name to Import</label>
            <textarea class="form-control" id="printstream_job_name" name="printstream_job_name"
                      rows="4" placeholder="Enter job name(s) to import"><%= H(board.printstream_job_name) %></textarea>
          </div>
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">Save Changes</button>
            <a href="/board/<%= H(board.slug) %>" class="btn btn-outline-secondary">Cancel</a>
          </div>
        </form>
      </div>
    </div>

    <div class="card border-danger shadow-sm">
      <div class="card-body">
        <h6 class="text-danger">Delete Board</h6>
        <p class="text-muted small mb-3">This will permanently delete the board, all its columns, swim lanes, and cards.</p>
        <form method="post" action="/board/<%= H(board.slug) %>/delete"
              onsubmit="return confirm('Delete this board and all its contents? This cannot be undone.')">
          <button type="submit" class="btn btn-danger btn-sm">Delete Board</button>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
(function () {
  var chk      = document.getElementById('import_from_printstream');
  var jobGroup = document.getElementById('printstream-job-name-group');

  chk.addEventListener('change', function () {
    jobGroup.style.display = this.checked ? '' : 'none';
  });
})();
</script>