{% extends "global/Page.html" %}
{% load otree %}
{% block title %}second bid auction{% endblock %}
{% block content %}

    <div style="width: 200px; border: 5px black;">
    <p>
        This is a second bid auction with
        {{ Constants.players_per_group }} players per group,
        Your value is  {{ player.value }}.
    </p>
    </div>

    {% formfields %}

    {% next_button %}

    {% if player.round_number != 1 %}
        <div class="card-header mb-3 text-center" style="background: aqua; color: blue">
            <b>History Table</b>
        </div>
            <div class="row justify-content-center" style="max-height: 40vh; overflow: scroll;">
            <table class="table" style="...">
                <tr>
                    <th class="text-center">Round</th>
                    <th class="text-center">Your bid</th>
                    <th class="text-center">win?</th>
                    <th class="text-center">highest bid</th>
                </tr>
                <tbody>
                {% for p in player.in_previous_rounds %}

                    <tr>
                        <td class="text-center">{{ p.round_number }}</td>
                         <td class="text-center">{{ p.bid }}</td>
                         <td class="text-center">{% if p.is_winner == True %}Yes{% else %}No{% endif %}</td>

                         <td class="text-center">{{ p.winnerprice }}</td>

                    </tr>

                {% endfor %}
                </tbody>
            </table>
            </div>
    {% endif %}

{% endblock %}