{{ block title }}
    Results
{{ endblock }}

{{ block content }}
<h4 align="left"> {{ if player.round_number <= Constants.num_rounds_phase1 }} Phase 1
    {{ else }} Phase 2 {{ endif }}: Round {{ player.round_number_phase }}</h4>
<p style="text-align: center;" data-mce-style="text-align: center;">
    Your group {{ if group.conflict }} <strong>did not succeed {{ else}} succeeded {{ endif }}
    </strong>&nbsp;in producing this public good.</p>
<p style="text-align: center;" data-mce-style="text-align: center;">
    {{ if group.agreement and group.total_propose > 2}}
        {{ if player.proposal_accepted }}<strong>Your proposal</strong> has been implemented.
        {{ else }} <strong>Your match's proposal</strong> has been implemented.{{ endif }}
    {{ else }} -
    {{ endif }}</p>
<table style="border-collapse: collapse; width: 103.619%; height: 44px;" border="1" data-mce-style="border-collapse: collapse; width: 103.619%; height: 44px;">
    <tbody>
    <tr style="height: 22px;">
        <td style="width: 11.4021%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 11.4021%; text-align: left; height: 22px; border-style: hidden;">
            Your</td>
        <td style="width: 9.62434%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 9.62434%; text-align: right; height: 22px; border-style: hidden;">
            contribution:</td>
        <td style="width: 25.7348%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 25.7348%; text-align: left; height: 22px; border-style: hidden;"><strong>
            {{ if player.contribution == -99 }} --- {{ else }} {{ player.contribution }} {{ endif }} </strong></td>
        <td style="width: 10.6288%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 10.6288%; text-align: left; height: 22px; border-style: hidden;">
            <br></td>
        <td style="width: 11.6876%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 11.6876%; text-align: left; height: 22px; border-style: hidden;">
            Your</td>
        <td style="width: 5.85521%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 5.85521%; text-align: right; height: 22px; border-style: hidden;">
            payoff:</td>
        <td style="width: 25.0673%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 25.0673%; text-align: left; height: 22px; border-style: hidden;">
            <strong>{{ player.profit }}</strong></td></tr>
    <tr style="height: 22px;">
        <td style="width: 11.4021%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 11.4021%; text-align: left; height: 22px; border-style: hidden;">
            Your match's</td>
        <td style="width: 9.62434%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 9.62434%; text-align: right; height: 22px; border-style: hidden;">
            contribution:</td>
        <td style="width: 25.7348%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 25.7348%; text-align: left; height: 22px; border-style: hidden;">
            <strong>{{ if player.contribution_match == -99 }} --- {{ else }} {{ player.contribution_match }} {{ endif }}</strong></td>
        <td style="width: 10.6288%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 10.6288%; text-align: left; height: 22px; border-style: hidden;">
            <br></td>
        <td style="width: 11.6876%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 11.6876%; text-align: left; height: 22px; border-style: hidden;">
            Your match's</td>
        <td style="width: 5.85521%; text-align: right; height: 22px; border-style: hidden;" data-mce-style="width: 5.85521%; text-align: right; height: 22px; border-style: hidden;">
            payoff:</td>
        <td style="width: 25.0673%; text-align: left; height: 22px; border-style: hidden;" data-mce-style="width: 25.0673%; text-align: left; height: 22px; border-style: hidden;">
            <strong>{{ if player.round_number <= Constants.num_rounds_phase1 or player.profit_match == -1  }}{{ player.profit_match }}{{ else }} unknown {{ endif }}</strong></td></tr>
</tbody></table><p><br data-mce-bogus="1"></p>
{{ if player.round_number > Constants.num_rounds_phase1 }}
<p>
    Please make a guess on <strong>your match's value (V<sub>2</sub>)</strong> by clicking the statement below:
</p>
<div>
    <button style="background-color: white; color: #000000; padding: 8px 30px;
                        border:{{ if player.value_match_guess == 1 }} 3px solid #2fab32; {{ else }} 3px solid #ffffff  {{ endif }};"
                                type="button"
                                id="guess-1"
                                onclick=guess(this) value="1" >
                            <strong> V<sub>2</sub> = 1 </strong>
    </button>


    <button style="background-color: white; color: #000000; padding: 8px 30px;
                        border:{{ if player.value_match_guess == 3 }} 3px solid #2fab32; {{ else }} 3px solid #ffffff  {{ endif }};"
                                type="button"
                                id="guess-2"
                                onclick=guess(this) value="3" >
                            <strong> V<sub>2</sub> = 3 </strong>
    </button>
    </div>
{{ endif }}
<div style="text-align: right">
    {{ if player.round_number <= Constants.num_rounds_phase1 or player.value_match_guess != -1 }}
        {{ next_button }}
    {{ endif }}
</div>
{{ include Constants.HistoryBox }}
{{ include Constants.Information_template }}
<script>
    function guess(btn){
        liveSend({'guess': parseInt(btn.value)})
    }

    function liveRecv(data) {
        if ('news' in data) {
            location.reload(true);
        }
    }
</script>
{{ endblock }}