{% extends "global/Page.html" %}
{% load otree static %}

{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'EXLEY_DANA/EXLEY_CONSIGNE_style.css' %}" rel="stylesheet">
    <link href="{% static 'EXLEY_DANA/EXLEY_DEMOG_style.css' %}" rel="stylesheet">
{% endblock %}

{% block title %}
<center>
    DECISION 1
</center>
 
{% endblock %}

{% block content %}

<div class="question">
<p>Do you wish to know which situation was drawn? 
</p>


<p>
<center>
<table style="width:100%;">
    <tr>
        <td style="text-align:center; width:45%;">
            SITUATION 1
        </td>
        <td style="width:10px;">
        </td>
        <td style="text-align:center; width:45%;">
            SITUATION 2
        </td>
    </tr>

    <tr>
        <td>
            <table style="border: 3px solid black; width: 100%; font-weight:normal;">
                <tr>
                    <td style="border: 3px solid black; padding:1%; width:30%">
                       <b>OPTION A</b> 
                    </td>
                    
                    <td style="border: 3px solid black; padding:1%; width:70%">
                       <b>£6,00</b> to you and <b>£5,00</b> to charity 
                       {% if participant.vars.association_choice == 'World Wide Fund for Nature - UK (WWF)' %}
                        WWF
                    {% elif participant.vars.association_choice == 'GreenPeace - UK (GP)' %}
                        GP
                    {% elif participant.vars.association_choice == 'Sea Shepherd (SP)' %}
                        SP
                    {% elif participant.vars.association_choice == 'The Nature Conservancy (NC)' %}
                        NC
                    {% elif participant.vars.association_choice == 'Surfers Against Sewage (SAS)' %}
                        SAS
                    {% endif %}
                     </td>

                </tr>
    
                <tr>
                    <td style="border: 3px solid black; padding:1%; width:30%">
                        <b>OPTION B</b>
                    </td>
                    <td style="border: 3px solid black; padding:1%; width:70%">
                     <b>£5,00</b> to you and <b>£1,00</b> to charity 
                     {% if participant.vars.association_choice == 'World Wide Fund for Nature - UK (WWF)' %}
                        WWF
                    {% elif participant.vars.association_choice == 'GreenPeace - UK (GP)' %}
                        GP
                    {% elif participant.vars.association_choice == 'Sea Shepherd (SP)' %}
                        SP
                    {% elif participant.vars.association_choice == 'The Nature Conservancy (NC)' %}
                        NC
                    {% elif participant.vars.association_choice == 'Surfers Against Sewage (SAS)' %}
                        SAS
                    {% endif %}
                    </td>
                </tr>
            </table>
        </td>

        <td>
        </td>

        <td>
            <table style="border: 3px solid black; width: 100%; font-weight:normal;">
                <tr>
                    <td style="border: 3px solid black; padding:1%; width:30%">
                       <b>OPTION A</b> 
                    </td>
                    
                    <td style="border: 3px solid black; padding:1%; width:70%">
                       <b>£6,00</b> to you and <b>£1,00</b> to charity 
                       {% if participant.vars.association_choice == 'World Wide Fund for Nature - UK (WWF)' %}
                        WWF
                    {% elif participant.vars.association_choice == 'GreenPeace - UK (GP)' %}
                        GP
                    {% elif participant.vars.association_choice == 'Sea Shepherd (SP)' %}
                        SP
                    {% elif participant.vars.association_choice == 'The Nature Conservancy (NC)' %}
                        NC
                    {% elif participant.vars.association_choice == 'Surfers Against Sewage (SAS)' %}
                        SAS
                    {% endif %}
                     </td>

                </tr>
    
                <tr>
                    <td style="border: 3px solid black; padding:1%; width:30%">
                        <b>OPTION B</b>
                    </td>
                    <td style="border: 3px solid black; padding:1%; width:70%">
                     <b>£5,00</b> to you and <b>£5,00</b> to charity
                     {% if participant.vars.association_choice == 'World Wide Fund for Nature - UK (WWF)' %}
                        WWF
                    {% elif participant.vars.association_choice == 'GreenPeace - UK (GP)' %}
                        GP
                    {% elif participant.vars.association_choice == 'Sea Shepherd (SP)' %}
                        SP
                    {% elif participant.vars.association_choice == 'The Nature Conservancy (NC)' %}
                        NC
                    {% elif participant.vars.association_choice == 'Surfers Against Sewage (SAS)' %}
                        SAS
                    {% endif %}
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</center>
</p>


</div>

<div class="reponse">

    {% formfield player.reveal_state %}

</div>

<center>
                    
    <button class="blue-button">NEXT</button>
    
</center>




{% endblock %}