{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    Auction 1 - Round {{player.round_number}}
{% endblock %}

{% block content %}

    <div>
        Your private value ist <b>{{player.private_value}}</b><br>
        You are now in <b>Stage 2</b>: <br>You and the other player can place one last bid.
    </div>
    <div>
        (If you or the other player submit a bid, you will go back to Stage 1)
    </div>
    <hr>
    <div id="winner">No bids have been placed yet.</div>
    
    <table>
    <tr>
        <td>
            The current price is
        </td>
        <td>
            <b>{{second_price}}</b>
        </td>
    </tr>
    <tr>
        <td>
            Your current bid is:
        </td>
        <td>
            <b>{{max_bid}}</b>
        </td>
    </tr>
    <tr>
        <td valign="top">
            {% formfield player.second_stage_bid_amount with label=''%}
        </td>
        <td valign="top">
            <button name="second_stage_bid" value="True" class="btn btn-primary btn-large">Submit Last Bid</button>
            <button name="second_stage_bid" value="False" class="btn btn-primary btn-large">Continue Without Submission</button>
        </td>
    </tr>
    </table>

    <hr>
    <div id="player_message"></div>
    <div id="message"></div>


{% include Constants.instructions_template %}

{% endblock %}


{% block scripts %}
<script>
  
    var winner = 'You are the <b><font color="green">highest bidder</font></b> right now';
    var loser = 'You are <b><font color="red">NOT the highest bidder</font></b> right now!';
    
    window.onload = function() {
        $('#player_message').html(' ');
        
        
        curwinner = {{winner}} == {{player.id_in_group}}?winner:loser;
          $('#winner').html(curwinner);
    };

</script>
{% endblock %}