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

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

{% block content %}

<div class="card bg-light">
    <div class="card-body">
        {% if player.state == 0 %}
            <input type="hidden" name="state_target" id="id_state_target" value="NA"/>
        {% endif %}
        <table align="center" cellpadding="0" border="1">
            <tr>
                <td>&nbsp;</td>
                <th width="60"><center>Yes</center></th>
                <th width="60"><center>No</center></th>
            </tr>
            <tr>
                <td>
                    <!--Censure-->
                    {% if player.partner %}
                        Should the allied country be censured for conducting these cyber operations against servers
                        located in Canada?
                    {% else %}
                        Should the non-allied country be censured for conducting these cyber operations against servers
                        located in Canada?
                    {% endif %}
                </td>
                <td width="60"  align="center">
                    <input type="radio" name="censure" id="id_censure" value="True" required/>
                </td>
                <td width="60"  align="center">
                    <input type="radio" name="censure" id="id_censure" value="False" required/>
                </td>
            </tr>
            <tr>
                <td>
                    <!--Cooperate-->
                    {% if player.partner %}
                        Would you be in favor of continued cyber operations by the allied country against
                        malware-infected servers located in Canada?
                    {% else %}
                        Would you be in favor of continued cyber operations by the non-allied country against
                        malware-infected servers located in Canada?
                    {% endif %}
                </td>
                <td align="center">
                    <input type="radio" name="cooperate" id="id_cooperate" value="True" required/>
                </td>
                <td align="center">
                    <input type="radio" name="cooperate" id="id_cooperate" value="False" required/>
                </td>
            </tr>
            <tr>
                <td>
                    <!--Interest-->
                    Do you believe that cyber operations of this nature are in the best interest of Canada?
                </td>
                <td align="center">
                    <input type="radio" name="interest" id="id_interest" value="True" required/>
                </td>
                <td align="center">
                    <input type="radio" name="interest" id="id_interest" value="False" required/>
                </td>
            </tr>
            <tr>
                <td>
                    <!--Consequences-->
                    Do you believe that cyber operations of this nature would have negative consequences for the
                    security of Canada and its citizens?
                </td>
                <td align="center">
                    <input type="radio" name="consequences" id="id_consequences" value="True" required/>
                </td>
                <td align="center">
                    <input type="radio" name="consequences" id="id_consequences" value="False" required/>
                </td>
            </tr>
            <tr>
                <td>
                    <!--Responsible-->
                    {% if player.partner %}
                        In your opinion, which allied country is likely responsible for these cyber operations?
                    {% else %}
                        In your opinion, which non-allied country is likely responsible for these cyber operations?
                    {% endif %}
                </td>
                <td colspan="2" align="center">
                    <input type="text" name="responsible" id="id_responsible" required/>
                </td>
            </tr>
            {% if player.state %}
                <tr>
                    <td>
                        <!--Malware-->
                        In your opinion, which aggressive foreign government is likely responsible for the malware
                        found on Canadian servers?
                    </td>
                    <td colspan="2" align="center">
                        <input type="text" name="state_target" id="id_state_target" required/>
                    </td>
                </tr>
            {% endif %}
        </table>
        <br/>
        <p align="right">
            <button>Next Page</button>
        </p>
    </div>
</div>
<br>

{% endblock %}