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

{% block title %}
   Payment and Survey Consent
{% endblock %}

{% block content %}
    <br><br>
    <p>
        Round {{ selected_round_number }} is randomly selected as your final earning round. You have earned ${{ selected_payoff }} in this
        experiment.
        <br>
    </p>
    {% formfields %}
    {% next_button %}

    {% if subsession.round_number != 1 %}
        <div class = "card-header rb-3 text-center">
            <b>History Table</b>
        </div>

        <p>
            <div class="row justify-content-center">
                <table class="table" style="...">
                    <tr>
                        <th class="text-center">Round</th>
                        <th class="text-center">Vehicle value (ECU)</th>
                        <th class="text-center">Accident?</th>
                        <th class="text-center">Loss (ECU)</th>
                        <th class="text-center">Premium (ECU)</th>
                        <th class="text-center">Deductible (ECU)</th>
                        <th class="text-center">Asset value after this round (ECU)</th>
                        <th class="text-center">Payoffs ($)</th>

                    </tr>
                    <tbody>
                    {% for p in player.in_all_rounds %}
                    <tr>
                        <td class="text-center my_style">{{p.subsession.round_number}}</td>
                        <td class="text-center my_style">{{Constants.endowment}}</td>
                        <td class="text-center my_style">{{p.accident_happen}}</td>
                        <td class="text-center my_style">{{p.loss_level}}</td>
                        <td class="text-center my_style">{{p.premium}}</td>
                        <td class="text-center my_style">{{p.deductible}}</td>
                        <td class="text-center my_style">{{p.payoffs}}</td>
                        <td class="text-center my_style">{{p.earnings}}</td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </p >
    {% endif %}
{% endblock %}