<style>
  th {
    text-align: left;
  }
  td {
    text-align: right;
  }
  textarea {
    height: 200px;
    width: 500px;
  }
</style>
<h1>Spaced Repetition Flashcards</h1>
<h2>Template Set</h2>
<table>
<tr><th>ID</th><td>{{id}}</td></tr>
<tr><th>Name</th><td>{{name}}</td></tr>
<tr><th>Fields</th><td>{{#each fields}}{{this}}</br>{{/each}}</td></tr>
<tr><th>Templates</th><td>{{#each templates}}{{this.name}}</br>{{/each}}</td></tr>
</table>
<button onclick="cancel()">Cancel</button>
<script>
  // When the Cancel button is clicked
  function cancel() {
    window.close();
  }
</script>
