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

{% block title %}
    Reaction
{% endblock %}

{% block content %}
<div class="card bg-light">
    <div class="card-body">
        <p align="justify">
            <b>Directions: </b>Based on the article in the previous page, kindly answer these follow-up questions.
        </p>
        <table align="center">
            <tr>
                <td colspan="2">
                    The article indicated that the Canadian government authorized another country to engage in cyber
                    operations targeting malware-infected servers in Canada.
                </td>
            </tr>
            <tr>
                <td align="center">
                        True
                </td>
                <td align="center">
                        False
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input type="radio" name="supportive_check" id="id_supportive_check" value="True" required>
                </td>
                <td align="center">
                    <input type="radio" name="supportive_check" id="id_supportive_check" value="False" required>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    The article notes that the country responsible for the cyber operations has an existing alliance
                    with Canada.
                </td>
            </tr>
            <tr>
                <td align="center">
                    True
                </td>
                <td align="center">
                    False
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input type="radio" name="partner_check" id="id_partner_check" value="True" required>
                </td>
                <td align="center">
                    <input type="radio" name="partner_check" id="id_partner_check" value="False" required>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    The article reports that the malware on the Canadian servers was used by a terrorist organization against other countries.
                </td>
            </tr>
            <tr>
                <td align="center">
                    True
                </td>
                <td align="center">
                    False
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input type="radio" name="state_check" id="id_state_check" value="True" required>
                </td>
                <td align="center">
                    <input type="radio" name="state_check" id="id_state_check" value="False" required>
                </td>
            </tr>
        </table>
        <p align="right">
            <button>Next Page</button>
        </p>
    </div>
</div>
<br>
{% endblock %}