{{ block title }}Title{{ endblock }}
{{ block content }}

<div id="header-logo">
    <span><img src="https://www.smu.edu.sg/sites/all/themes/smubase_nw2_rev/svg/logo-d-smu.svg" alt="smu-logo" width="200" height="auto"></span>
    <span><p style="margin-top:10px; font-size:11px;"><i>Created by the Centre for Teaching Excellence.</i></p></span>
    <hr>
</div>

<p><b>Read before proceeding!</b></p>

<p>You are going to bid for an item whose value to you is a random number from {{Constants.min_allowable_bid}} to {{Constants.max_allowable_bid}}.</p>

<p>There are {{player.number_of_opponents}} other students in this class who are bidding for the same item.</p>

<p>You are facing a clock displaying the price at which you can buy the item. The price continues to decrease until one bidder stops it and wins the object. Your earnings are your value minus your bid if you win and zero if you don’t win the object. In case of a winning tie, your earnings are (your value - your bid) / number of winners. If the clock runs out, everybody is a winner. </p>

<p id="item_value">
    <strong>Your item value is currently {{player.item_value_actual}}</strong> <br>
</p>

{% next_button %}

<style>
 #item_value {
    color: green;
    font-size: 16px;
}

.otree-body {
    background-color: {{ Constants.style_background_color }};
    color: {{ Constants.style_text_color }};
}

.otree-title {
visibility: hidden;
height: 0;
}
</style>

{{ endblock }}