Allow CID users to request details by email

templates/cid_selector.html

@@ -4,10 +4,18 @@
 <div class="">
     <h2>Exam / Results checker</h2>
     <p>Please enter your CID and passcode</p>
-    <p>CID: <input type="text" name="cid" id="cid-box"></p>
+    <p>CID: <input type="text" name="cid" id="cid-box" autofocus></p>
     <p>Passcode: <input id="passcode-box" type="text" value="Passcode"></p>
     <button id="cid-selector-go-button">Go...</button>
 </div>
+<details>
+<summary>What is my CID?</summary>
+If you do not have you CID details please the email you signed up with here.
+<form>
+<input type="text" name="email" id="email-box">
+<button id="email-cid-details-button" hx-post="request_cid_details/" hx-swap="outerHTML">Email details</button>
+</form>
+</details>
 <script>
     $(document).ready(function () {
         window.location.search.substr(1).split("&").forEach((item) =>