Add episode template.

app/public/static/js/register.js

@@ -1,19 +1,21 @@
 const form = document.getElementById("login-form");
-form.addEventListener('submit', function (e) {
+if (form) {
-  e.preventDefault();
+  form.addEventListener('submit', function (e) {
+    e.preventDefault();
 
-  // validate form
+    // validate form
-  const p1 = document.querySelector('input[name="password"]');
+    const p1 = document.querySelector('input[name="password"]');
-  const p2 = document.querySelector('input[name="checked_password"]'); 
+    const p2 = document.querySelector('input[name="checked_password"]'); 
     
-  if (p1.value == p2.value) {
+    if (p1.value == p2.value) {
-    console.log("Passwords match");
+      console.log("Passwords match");
-    form.submit();
+      form.submit();
-  } else {
+    } else {
-    console.log("Passwords do not match");
+      console.log("Passwords do not match");
-    // do something with the forms
+      // do something with the forms
-    p1.setAttribute('style', 'border: 1px solid red');
+      p1.setAttribute('style', 'border: 1px solid red');
-    p2.setAttribute('style', 'border: 1px solid red');
+      p2.setAttribute('style', 'border: 1px solid red');
-  }
+    }
-});
+  });
+}
 

app/templates/channel/episode/create.twig

@@ -0,0 +1,41 @@
+{% extends 'layouts/skeleton' %}
+
+{% block content %}
+<div>
+    <form action="{{ url_for("episode-create-action") }}" method="post">
+        <input name="form_key" type="hidden" value="{{ session.get('form_key') }}">
+        <input name="user_id" type="hidden" value="{{ session.get('user').id }}">
+        <div>
+            <label for="title">Episode Title<br>
+            <input name="title" type="text" required>
+        </div>
+        
+        <div>
+            <label for="summary">Summary<br>
+            <textarea name="summary"></textarea>
+        </div>
+
+        <div>
+            <label for="country_code">Country<br>
+            <input type="text" name="country_code" required>
+        </div>
+
+        <div>
+            <label for="category">Category<br>
+            <input type="text" name="category" required>
+        </div>
+
+        <div>
+            <label for="explicit">Explicit<br>
+            <select name="explicit">
+                <option value="yes">Yes</option>
+                <option value="no" selected>No</option>
+            </select>
+        </div>
+
+        <div>
+            <button type="submit">Create</button> 
+        </div>
+    </form>
+</div>
+{% endblock %}