{{ block title }}
    Round {{ player.round_number }} results
{{ endblock }}

{{ block content }}
    <h5> Your payoff for this round is {{ player.payoff }}. Check the details to improve decision next round</h5>
    <div class="form-group required">
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th> Word </th>
                <th> Value </th>
                <th> Your Bid </th>
                <th> Opponent Bid </th>
                <th> Av. Payoff </th>
            </tr>

            <tr>
                <th> Italian food </th>
                <th> {{ player.pv_1 }} </th>
                <th> {{ if bid1 == -100}} No Bid
                    {{ else }} {{ bid1 }}
                    {{ endif }}</th>
                <th> {{ if opponent_bid1 == -100}} No Bid
                    {{ else }} {{ opponent_bid1 }}
                    {{ endif }}</th>
                <th> {{ player.payoff_1}} </th>

            </tr>

            <tr>
                <th> Asian food </th>
                <th> {{ player.pv_2 }} </th>
                <th> {{ if bid2 == -100}} No Bid
                    {{ else }} {{ bid2 }}
                    {{ endif }}</th>
                <th> {{ if opponent_bid2 == -100}} No Bid
                    {{ else }} {{ opponent_bid2 }}
                    {{ endif }}</th>
                <th> {{ player.payoff_2}} </th>
            </tr>

        </table>


    </div>

    {{ next_button }}

    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>
    <script src="https://code.highcharts.com/modules/accessibility.js"></script>

    <figure class="highcharts-figure">
        <div id="container"></div>
        <script type="text/javascript">
            Highcharts.chart('container', {
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'This round bids'
                },

                xAxis: {
                    categories: [
                        'Italian food',
                        'Asian food'
                    ],
                    crosshair: true
                },
                yAxis: {
                    min: 40,
                    max: 100,
                    title: {
                        text: 'Value, ₽'
                    }
                },
                tooltip: {
                    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                        '<td style="padding:0"><b>₽{point.y:.0f}</b></td></tr>',
                    footerFormat: '</table>',
                    shared: true,
                    useHTML: true
                },
                plotOptions: {
                    column: {
                        pointPadding: 0.2,
                        borderWidth: 0
                    }
                },
                colors: [
                    '#00C5FF',
                    '#D03200',
                    '#18E566'
                ],
                series: [{
                    name: 'You',
                    data: js_vars.bids
                }, {
                    name: 'Opponent',
                    data: js_vars.opponent_bids

                }, {
                    name: 'Average Reserve Value',
                    data: js_vars.reserve_value

                }]
            });
        </script>
        <p class="highcharts-description">

        </p>
    </figure>

    <div>

        <h3> Simulations </h3>

        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th> Word </th>
                <th> Bid</th>
                <th> Opponent Bid </th>
                <th> Simulation №</th>
                <th> Position </th>
                <th> Noise           </th>
                <th> Final Price </th>
                <th> Payoff </th>
                <th> CTR </th>
            </tr>

            <tr>
                <th rowspan="5"> Italian Food </th>

                <th rowspan="5"> {{ if bid1 == -100}} No Bid
                    {{ else }} {{ bid1 }}
                    {{ endif }}</th>
                <th rowspan="5" > {{ if opponent_bid1 == -100}} No Bid
                    {{ else }} {{ opponent_bid1 }}
                    {{ endif }}</th>
                <th> 1  </th>
                <th> {{ player.outcome_11 }} </th>
                <th> {{ group.noise_11 }}</th>
                <th> {{ if player.outcome_11 == 'First' and opponent_bid1 > group.noise_11}} {{ opponent_bid1 }}
                    {{ elif player.outcome_11 == 'First' and opponent_bid1 <= group.noise_11}} {{ group.noise_11 }}
                    {{ elif player.outcome_11 == 'Second'}} {{ group.noise_11 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_11}} </th>
                <th> {{ if player.outcome_11 == 'First' }} 10
                    {{ elif player.outcome_11 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }}</th>
            </tr>

            <tr>
                <th> 2  </th>
                <th> {{ player.outcome_12 }} </th>
                <th> {{ group.noise_12 }}</th>
                <th> {{ if player.outcome_12 == 'First' and opponent_bid1 > group.noise_12}} {{ opponent_bid1 }}
                    {{ elif player.outcome_12 == 'First' and opponent_bid1 <= group.noise_12}} {{ group.noise_12 }}
                    {{ elif player.outcome_12 == 'Second'}} {{ group.noise_12 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_12}} </th>
                <th> {{ if player.outcome_12 == 'First' }} 10
                    {{ elif player.outcome_12 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 3  </th>
                <th> {{ player.outcome_13 }} </th>
                <th> {{ group.noise_13 }}</th>
                <th> {{ if player.outcome_13 == 'First' and opponent_bid1 > group.noise_13}} {{ opponent_bid1 }}
                    {{ elif player.outcome_13 == 'First' and opponent_bid1 <= group.noise_13}} {{ group.noise_13 }}
                    {{ elif player.outcome_13 == 'Second'}} {{ group.noise_13 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_13}} </th>
                <th> {{ if player.outcome_13 == 'First' }} 10
                    {{ elif player.outcome_13 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 4  </th>
                <th> {{ player.outcome_14 }} </th>
                <th> {{ group.noise_14 }}</th>
                <th> {{ if player.outcome_14 == 'First' and opponent_bid1 > group.noise_14}} {{ opponent_bid1 }}
                    {{ elif player.outcome_14 == 'First' and opponent_bid1 <= group.noise_14}} {{ group.noise_14 }}
                    {{ elif player.outcome_14 == 'Second'}} {{ group.noise_14 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_14}} </th>
                <th> {{ if player.outcome_14 == 'First' }} 10
                    {{ elif player.outcome_14 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 5  </th>
                <th> {{ player.outcome_15 }} </th>
                <th> {{ group.noise_15 }}</th>
                <th> {{ if player.outcome_15 == 'First' and opponent_bid1 > group.noise_15}} {{ opponent_bid1 }}
                    {{ elif player.outcome_15 == 'First' and opponent_bid1 <= group.noise_15}} {{ group.noise_15 }}
                    {{ elif player.outcome_15 == 'Second'}} {{ group.noise_15 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_15}} </th>
                <th> {{ if player.outcome_15 == 'First' }} 10
                    {{ elif player.outcome_15 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th rowspan="5"> Asian Food </th>
                <th rowspan="5"> {{ if bid2 == -100}} No Bid
                    {{ else }} {{ bid2 }}
                    {{ endif }}</th>
                <th rowspan="5" > {{ if opponent_bid2 == -100}} No Bid
                    {{ else }} {{ opponent_bid2 }}
                    {{ endif }}</th>
                <th> 1  </th>
                <th> {{ player.outcome_21 }} </th>
                <th> {{ group.noise_21 }}</th>
                <th> {{ if player.outcome_21 == 'First' and opponent_bid2 > group.noise_21}} {{ opponent_bid2 }}
                    {{ elif player.outcome_21 == 'First' and opponent_bid2 <= group.noise_21}} {{ group.noise_21 }}
                    {{ elif player.outcome_21 == 'Second'}} {{ group.noise_21 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_21}} </th>
                <th> {{ if player.outcome_21 == 'First' }} 10
                    {{ elif player.outcome_21 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }}</th>
            </tr>

            <tr>
                <th> 2  </th>
                <th> {{ player.outcome_22 }} </th>
                <th> {{ group.noise_22 }}</th>
                <th> {{ if player.outcome_22 == 'First' and opponent_bid2 > group.noise_22}} {{ opponent_bid2 }}
                    {{ elif player.outcome_22 == 'First' and opponent_bid2 <= group.noise_22}} {{ group.noise_22 }}
                    {{ elif player.outcome_22 == 'Second'}} {{ group.noise_22 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_22}} </th>
                <th> {{ if player.outcome_22 == 'First' }} 10
                    {{ elif player.outcome_22 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 3  </th>
                <th> {{ player.outcome_23 }} </th>
                <th> {{ group.noise_23 }}</th>
                <th> {{ if player.outcome_23 == 'First' and opponent_bid2 > group.noise_23}} {{ opponent_bid2 }}
                    {{ elif player.outcome_23 == 'First' and opponent_bid2 <= group.noise_23}} {{ group.noise_23 }}
                    {{ elif player.outcome_23 == 'Second'}} {{ group.noise_23 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_23}} </th>
                <th> {{ if player.outcome_23 == 'First' }} 10
                    {{ elif player.outcome_23 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 4  </th>
                <th> {{ player.outcome_24 }} </th>
                <th> {{ group.noise_24 }}</th>
                <th>
                    {{ if player.outcome_24 == 'First' and opponent_bid2 > group.noise_24}} {{ opponent_bid2 }}
                    {{ elif player.outcome_24 == 'First' and opponent_bid2 <= group.noise_24}} {{ group.noise_24 }}
                    {{ elif player.outcome_24 == 'Second'}} {{ group.noise_24 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_24}} </th>
                <th> {{ if player.outcome_24 == 'First' }} 10
                    {{ elif player.outcome_24 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

            <tr>
                <th> 5  </th>
                <th> {{ player.outcome_25 }} </th>
                <th> {{ group.noise_25 }}</th>
                <th>
                    {{ if player.outcome_25 == 'First' and opponent_bid2 > group.noise_25}} {{ opponent_bid2 }}
                    {{ elif player.outcome_25 == 'First' and opponent_bid2 <= group.noise_25}} {{ group.noise_25 }}
                    {{ elif player.outcome_25 == 'Second'}} {{ group.noise_25 }}
                    {{ else }} -
                    {{ endif }} </th>
                <th> {{ player.payoff_25}} </th>
                <th> {{ if player.outcome_25 == 'First' }} 10
                    {{ elif player.outcome_25 == 'Second' }} 4
                    {{ else}} -
                    {{ endif }} </th>
            </tr>

        </table>

        </div>

{{ endblock }}