e4c_expe2/b3_bw_v2/templates/b3_bw_v2/Risk_BinsWanger.html
Johanne Trotin 981d06d34c Expé E4C v6
2025-03-30 12:32:15 +02:00

613 lines
24 KiB
HTML

{% extends "global/Page.html" %}
{% load otree %}
{% block title %}
Game {{player.game_num}}: Your choice
{% endblock %}
{% block content %}
<div class="card bg-light instructions">
<div class="card-body">
<link rel="stylesheet" type="text/css"
href="{% static 'global/matrix.css' %}"/>
<p>
You will now play the game for real. The winning of this game will count towards the final gain. </p>
<p> Now please choose the situation you prefer the most from the following choices (A, B, C, D, E, F, G, H or I).
</p>
<br><br>
<p> <b>Please make a choice</b> </p>
<table class='table table-bordered text-center' style='width: auto; margin: auto'>
<tr>
<th> Options </th>
<td bgcolor="#ffe6e6"> <b><FONT color="red"> Red </FONT></b> </td>
<td bgcolor="#e6ffe6"> <b> <FONT color="green"> Green </FONT> </b> </td>
</tr>
<tr>
<th align="center" > A </th>
<td align="center" bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align="center" bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="1" style="margin-left:auto; margin-right:auto;"> A </td>
</tr>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (8 ECUs) </td>
<td bgcolor="#e6ffe6"> (8 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> B</th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="2" style="margin-left:auto; margin-right:auto;"> B </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (7 ECUs) </td>
<td bgcolor="#e6ffe6"> (10 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> C</th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="3" style="margin-left:auto; margin-right:auto;"> C </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (6 ECUs) </td>
<td bgcolor="#e6ffe6"> (12 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> D </th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="4" style="margin-left:auto; margin-right:auto;"> D </td>
</tr>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (5 ECUs) </td>
<td bgcolor="#e6ffe6"> (14 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> E </th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="5" style="margin-left:auto; margin-right:auto;"> E </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (4 ECUs) </td>
<td bgcolor="#e6ffe6"> (16 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> F </th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="6" style="margin-left:auto; margin-right:auto;"> F </td>
</tr>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (3 ECUs) </td>
<td bgcolor="#e6ffe6"> (18 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> G </th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="7" style="margin-left:auto; margin-right:auto;"> G </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (2 ECU) </td>
<td bgcolor="#e6ffe6"> (20 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
<tr>
<th> H </th>
<td bgcolor="#ffe6e6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="8" style="margin-left:auto; margin-right:auto;"> H </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (1 ECU) </td>
<td bgcolor="#e6ffe6"> (22 ECUs) </td>
<td> </td>
</tr>
<tr>
<th> I </th>
<td bgcolor="#ffe6e6">
</td>
<td bgcolor="#e6ffe6">
<p>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<br>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
<img src="{% static 'expines/coin.png' %}" width="30" height="30"/>
</p>
</td>
<td align='center' > <input type="radio" name="choicerisk" value="9" style="margin-left:auto; margin-right:auto;"> I </td>
<tr>
<th> </th>
<td bgcolor="#ffe6e6"> (0 ECUs) </td>
<td bgcolor="#e6ffe6"> (24 ECUs) </td>
<td> </td>
</tr>
<tr>
<th colspan=4 > </th>
</tr>
</table>
<br><br><br><br><br>
</div>
</div>
<br><br><br>
<div class="card bg-light instructions">
<div class="card-body">
<h2>Please answer the following questions:</h2>
<br><br>
<b>
1) On a scale from 1 (not at all risky) to 7 (very risky):<br>
How risky do you consider your own decision (indicated above) to be?</b>
<table class='table text-left' style='width: auto; margin: auto'>
<tr>
<td> Not at all risky </td>
<td> {% formfield player.risk_assessment_bw %} </td>
<td> Very risky</td>
</tr>
</table>
<br><br>
<b>
2) On a scale from 1 (not at all confident) to 7 (very confident):<br>
How confident do you feel with your decision indicated above?
</b>
<table class='table text-left' style='width: auto; margin: auto'>
<tr>
<td> Not at all confident </td>
<td> {% formfield player.confidence_level_bw %} </td>
<td> Very confident</td>
</tr>
</table>
<br><br>
<b>
3) On a scale from 1 (I did not remember it at all) to 7 (I remembered it very well):<br>
Did you remember the choice you made during the previous experimental session you participated in (March or September 2024)?
</b>
<table class='table text-left' style='width: auto; margin: auto'>
<tr>
<td> I did not remember it at all </td>
<td> {% formfield player.memory_recall_bw%} </td>
<td> I remembered it very well</td>
</tr>
</table>
</div></div>
{% next_button %}
{% endblock %}
{% block scripts %}
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
{% endblock %}