{% extends 'base.html' %}

{% block content %}
<div class="">
    <h2>Score / Results checker</h2>
    <p>Please enter your CID and passcode</p>
    <p>CID: <input type="text" name="cid" id="cid-input"></p>
    <p>Passcode: <input id="passcode-box" type="text" value="Passcode"></p>
    <button id="cid-selector-go-button">Go...</button>
</div>
<script>
    $(document).ready(function () {

        $("#cid-input").keypress(function(e) {
            // Enter pressed?
            console.log(e)
            if(e.which == 10 || e.which == 13) {
                $("#cid-selector-go-button").click();
            }
        });

        $("#cid-selector-go-button").click(() => {
            cid = document.getElementById("cid-input").value;
            passcode = document.getElementById("passcode-box").value;
            window.location = window.location + cid + "/" + passcode;
        })
    })
</script>
{% endblock %}