{% extends "registration/Instrument.html" %}
{% load otree static %}

{% block title %}
    Pre-Exercise Survey
{% endblock %}

{% block content %}
<div class="card bg-light">
    <div class="card-body">
        <input type="hidden" name="knowledge" id="id_knowledge" value="0.0"/>
        <p align="justify">
            <b>Directions:</b> The questions below measure your knowledge of cybersecurity. Kindly answer these
            to the best of your abilities. If you do not know the answer, please select the "I Don't Know" option
            instead of guessing.
        </p>
        <br/>
        <table align="center" cellpadding="10">
            <!-- Question 1 -->
            <tr>
                <td colspan="2">
                    Which country is frequently associated with the theft of proprietary information by cyber means?
                </td>
            </tr>
            <tr>
                <td><input type="radio" name="know_1" value="0" required/></td>
                <td>The United States</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_1" value="0" required/></td>
                <td>Russia</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_1" value="1" required/></td>
                <td>China</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_1" value="0" required/></td>
                <td>North Korea</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_1" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <!-- Question 2 -->
            <tr>
                <td colspan="2">What is a DDoS?</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_2" value="0" required/></td>
                <td>A form of commercial advertising using online ads</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_2" value="0" required/></td>
                <td>A program or worm designed to infiltrate a computer system</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_2" value="1" required/></td>
                <td>An attack that uses multiple computers to overload and shut down a targeted system</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_2" value="0" required/></td>
                <td>A program used to send ‘spam’ email to multiple accounts at once</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_2" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <!-- Question 3 -->
            <tr>
                <td colspan="2">What is phishing?</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_3" value="1" required/></td>
                <td>An email that steals passwords by appearing to be from an individual or business that you know</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_3" value="0" required/></td>
                <td>A malware program that uses a computer network to spread itself and gain access or shutdown the
                    network</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_3" value="0" required/></td>
                <td>Defrauding an online account holder of financial information by posing as a legitimate company</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_3" value="0" required/></td>
                <td>A network of private computers infected with malicious software and controlled without the owner’s
                    knowledge</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_3" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <!-- Question 4 -->
            <tr>
                <td colspan="2">What was the presumed reason for the 2014 hack of US Film Company Sony Pictures
                        Entertainment in 2014?</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_4" value="0" required/></td>
                <td>Sony executives’ rumored connection to Chechyan rebels in Russia</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_4" value="1" required/></td>
                <td>Sony’s production of a film that insulted North Korean leader Kim Jung-un</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_4" value="0" required/></td>
                <td>Sony’s history of producing ‘immodest’ films that angered Iranian leadership</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_4" value="0" required/></td>
                <td>Sony executives’ support for the Tibet independence movement</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_4" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <!-- Question 5 -->
            <tr>
                <td colspan="2">What country’s nuclear program was affected by the Stuxnet computer virus?</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_5" value="0" required/></td>
                <td>Israel</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_5" value="0" required/></td>
                <td>China</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_5" value="0" required/></td>
                <td>Saudi Arabia</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_5" value="1" required/></td>
                <td>Iran</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_5" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <!-- Question 6 -->
            <tr>
                <td colspan="2">What is a Trojan Horse?</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_6" value="0" required/></td>
                <td>A program that records keystrokes by the user in order to steal passwords for accounts</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_6" value="0" required/></td>
                <td>Malware that installs itself on a computer and freezes it until some type of ‘ransom’ is paid </td>
            </tr>
            <tr>
                <td><input type="radio" name="know_6" value="0" required/></td>
                <td>A virus that replicates itself or infects and modifies other programs on a computer without user
                    consent</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_6" value="1" required/></td>
                <td>A malicious computer program designed to hack into a computer by misleading users of its true
                    intent</td>
            </tr>
            <tr>
                <td><input type="radio" name="know_6" value="0" required/></td>
                <td>I Don't Know</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
        </table>
        <p id="output"></p>
        <p align="right">
            <button type="button" onclick="process()">Next Page</button>
        </p>
    </div>
</div>

{% endblock %}

{% block scripts %}
    <script>
        function getValue(name){
            options = document.getElementsByName(name)
            for(x = 0; x < 5; x++){
                if(options[x].checked){
                    return parseInt(options[x].value)
                }
            }
            return -1
        }
        function process(){
            val_1 = getValue("know_1")
            val_2 = getValue("know_2")
            val_3 = getValue("know_3")
            val_4 = getValue("know_4")
            val_5 = getValue("know_5")
            val_6 = getValue("know_6")

            if(val_1 == -1 | val_2 == -1 | val_3 == -1 | val_4 == -1 | val_5 == -1 | val_6 == -1){
                alert("Please answer all of the above questions")
            }else{
                score = (val_1 + val_2 + val_3 + val_4 + val_5 + val_6) / 6
                document.getElementById("id_knowledge").value = score
                document.getElementById("form").submit()
            }
        }
    </script>
{% endblock %}