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

{% block title %}
    Scenario
{% endblock %}

{% block content %}

<div class="card bg-light">
    <div class="card-body">
        <br/>
        <p align="left">
            <b>Directions: </b>Please indicate your appraisal of the following statements by moving the slider in the
            appropriate direction.
        </p>
        <center>
            <table align="center" cellpadding="10"
                <tr>
                    <td colspan="12" align="justified">
                        Based on the <b>available information</b>, it is fair to assume that the Internet Development
                        Institute (IDI) had and/or continues to cooperate with the Sardovian government.
                    </td>
                </tr>
                <tr>
                    <td align="right">Strongly Disagree</td>
                    <td align="center">
                        <input type="range" id="id_capability_check" name="capability_check" value="4" min="1" max="7" step="1" class="slider" />
                    </td>
                    <td align="left">Strongly Agree</td>
                </tr>
                <tr>
                   <td colspan="3">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="12" align="justified">
                        Based on the <b>available information</b>, it is fair to assume that Aldoria responded
                        forcefully in the past when its national security was under threat.
                    </td>
                </tr>
                <tr>
                    <td align="right">Strongly Disagree</td>
                    <td align="center">
                        <input type="range" id="id_culture_check" name="culture_check" value="4" min="1" max="7" step="1" class="slider" />
                    </td>
                    <td align="left">Strongly Agree</td>
                </tr>
                <tr>
                   <td colspan="3">&nbsp;</td>
                </tr>
        </table>
        </center>
    <p align="right">
        <button>Next Page</button>
    </p>
    </div>
</div>
<br>

{% endblock %}