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

{% block title %}
    2nd-Price Sealed-Bid Auction
{% endblock %}

{% block content %}

    <style>
        .my_style {
            font-family: Georgia, serif;
            font-size: 16px;
            letter-spacing: 2px;
            word-spacing: 2px;
            color: black;
            font-weight: normal;
            text-decoration: none;
            font-style: normal;
            font-variant: normal;
            text-transform: none;
            }
    </style>


    <div class="my_style" style="width: 600px; border: 5px solid black; text-align: center;">
        <p>
            <br><br>
            In Round <strong>{{ subsession.round_number }}</strong> of <strong>{{ Constants.num_rounds }}</strong>, you are one of <strong>{{ Constants.players_per_group }}</strong> players who are bidding in an auction.
            <br><br>
            Your value is <strong><span style="text-decoration: underline;">{{ player.value }}</span></strong> <img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-cool.gif" alt="cool" />
            <br><br>
        </p>
    </div>


    {% formfields %}
    <div>
        <button class="otree-btn-next btn btn-primary">Submit bid</button>
    </div>

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

    <p>
        <div class="row justify-content_center">
             <table class="table">
                 <tr>
                     <th class="text-center">Round</th>
                     <th class="text-center">Your bid</th>
                     <th class="text-center">Win?</th>
                     <th class="text-center">Price</th>

                 </tr>
                 {% for p in player.in_previous_rounds %}
                 <tbody>
                    <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.price }}</td>

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

{% endblock %}