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

{% block title %}
<h3 class="panel-sub-heading">
        <div align="center">
        <strong>This person will be your Group Leader.</strong></span><p></p>
        </div>
    </h3>
{% endblock %}

{% block content %}
<hr style="border: 1.5px dashed black;" />
<p style="text-align: center;"><strong><span style="font-size: 24px;">Like everyone in this experiment, your Group Leader indicated his/her answers&nbsp;on the following questions&nbsp;at the beginning of the study. </span></strong></p>
<p style="text-align: center;"><strong><span style="font-size: 24px;">Below are his/her responses. <span style="text-decoration: underline; color: #ff0000;">(Revealed with consent) </span></span></strong></p>
<div class="card bg-light m-3">
<div class="card-body"><hr style="border: 1.5px dashed black;" />
<table style="height: 165px; width: 659px; margin-left: auto; margin-right: auto;" border="2" cellspacing="1" cellpadding="2">
<tbody>
<tr>
<td style="width: 440.515625px;">&nbsp;</td>
<td style="width: 209.484375px; text-align: center;"><strong>Your Leader's Response</strong> {import ?ID='2451'}</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>I'm physically stronger than 90% of other men.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>7 - Strongly agree</strong></p>
</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>If I got into a fistfight with an average 30-year old male, I would probably win.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>6 - Agree</strong></p>
</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>In the past, I have physically intimidated people who were asking for it.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>5 -&nbsp;Slightly agree</strong></p>
</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>When I have gotten into physical fights, I rarely regret it afterwards.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>6 - Agree</strong></p>
</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>I have more muscle mass than most people my age.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>7 - Strongly agree</strong></p>
</td>
</tr>
<tr>
<td style="width: 440.515625px; text-align: center;">
<p>I spend a lot of my free time working out.</p>
</td>
<td style="width: 209.484375px; text-align: center;">
<p><strong>7 - Strongly agree</strong></p>
</td>
</tr>
</tbody>
</table>
<hr style="border: 1.5px dashed black;" /></div>
</div>
<p style="text-align: center;"><strong><span style="font-size: large;">Remember: As your Group Leader, he/she will be shown every Group Member's contribution decision, and for each round he/she could remove up to 60 points from Group Members. </span></strong></p>
<p style="text-align: left;"><span style="font-size: large;">The 'Next' button will appear in <span id="countdowntimer"> 10 </span> seconds.</span></p>
<hr /></center>
<p><input class="btn btn-primary btn-large btn-primary next-button" type="submit" value="Next" /></p>

    <script>

    var showButton = document.getElementsByClassName("btn btn-primary btn-large btn-primary next-button")[0];
    var counter = 10 ;
    var newElement = document.createElement("p");
    newElement.innerHTML = "";
    var interval;

    showButton.parentNode.replaceChild(newElement, showButton);

    interval = setInterval(function() {
        counter--;
        if(counter < 0) {
            newElement.parentNode.replaceChild(showButton, newElement);
            clearInterval(interval);
        } else {
            newElement.innerHTML = "";
        }
    }, 1000);

    </script>

<script type="text/javascript">
    var timeleft = 10 ;
    var downloadTimer = setInterval(function(){
    timeleft--;
    document.getElementById("countdowntimer").textContent = timeleft;
    if(timeleft <= 0)
        clearInterval(downloadTimer);
    },1000);
</script>


{% endblock %}