{{extends 'pre_survey/BasePage.html'}}
{{ block title }} Coordination Dilemma {{ endblock }}
{{ block content }}

    
</div>

<div class="container">
    <div class="block block-radius block-primary">
        <div class="block-content">

            <p>
                In this part, you will choose between actions A and B. After the experiment, you’ll be paired with another participant who also makes this choice. Your payoff depends on both your choice and your partner’s choice:
            </p>
            <ul>
                <li>If both of you choose A, you will each earn <strong> {{ C.PD_PAYOFF_a }}</strong>.</li>
                <li>If both of you choose B, you will each earn <strong>{{ C.PD_PAYOFF_b }}</strong>.</li>
                <li>If you choose A and your partner chooses B, you will earn <strong>{{ C.PD_PAYOFF_c }}</strong>, and your partner will earn <strong>{{ C.PD_PAYOFF_d }}</strong>.</li>
                <li>If you choose B and your partner chooses A, you will earn <strong>{{ C.PD_PAYOFF_d }}</strong>, and your partner will earn <strong>{{ C.PD_PAYOFF_c }}</strong>.</li>
            </ul>
            <p>
                The possible outcomes and earnings are shown in the table below:
            </p>
        

        <table class='table table-bordered text-center'
               style='width: auto; margin: auto'>
            <tr>
                <th colspan=2 rowspan=2></th>
                <th colspan=2>Other Player</th>
            </tr>
            <tr>
                <th>A</th>
                <th>B</th>
            </tr>
            <tr>
                <th rowspan="2" style="vertical-align: middle; text-align: center;">
                    <span style="display: inline-block;">You</span>
                <th>A</th>
                <td>{{ C.PD_PAYOFF_a }}, {{ C.PD_PAYOFF_a }}</td>
                <td>{{ C.PD_PAYOFF_c }}, {{ C.PD_PAYOFF_d }}</td>
            </tr>
            <tr>
                <th>B</th>
                <td>{{ C.PD_PAYOFF_d }}, {{ C.PD_PAYOFF_c }}</td>
                <td>{{ C.PD_PAYOFF_b }}, {{ C.PD_PAYOFF_b }}</td>
            </tr>
        </table>
        </p>

<p>
    In this part of the experiment, you will answer three questions. 
</p>
<p>
    In the first question, we will ask you to make a choice <strong>NOT</strong> knowing what the other participant chose. In the next two questions, we ask you to consider <strong>two scenarios</strong>, answering what do you want to do for both choices that other participant could make.
</p>
<p>
    Your payoff will be calculated using following:
</p>
<p>
    You will be paired with another participant, and computer randomly choses whether you will be paid based on your decision in <strong>first question</strong>, or based on decisions in <strong>two scenario</strong> questions.
</p>
<p>
   If you are paid based on first question, computer takes your decision, and pair it with the decision of other participant in that scenario. If you are paid based on scenario questions, computer matches you with participant, takes his/her decision in first question, and matches your response in that scenario.
</p>
<p>
    Please take time to decide for each of the following:
</p>

        </div>
    </div>
</div>
    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                 Which action do you want to choose if you <strong>do NOT know the choice of the other player</strong>?
                </p>


                <div><a style="display: inline-block">{% formfield player.cooperate_PD label="" %}</a></div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                  Which action do you want to choose if <strong>the other player chose A</strong>?  
                </p>


                <div><a style="display: inline-block">{% formfield player.cooperate_Cond_PD_C label="" %}</a></div>
            </div>
        </div>
    </div>


       <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                    Which action do you want to choose if <strong>the other player chose B</strong>?    
                </p>


                <div><a style="display: inline-block">{% formfield player.cooperate_Cond_PD_D label="" %}</a></div>
            </div>
        </div>
    </div>



        <div class="center">
            <button name="Confirm" value="True" class="btn btn-primary btn-large">Next</button>
        </div>
    </div>

</div>
</div>



{{ endblock }}