{{ 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>

<h3 id="title">Introduction</h3>
    
<p><b>Read before proceeding!</b></p>

<p>You are going to bid for an item whose value to you is a random value 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 in the same auction.</p>

<p>
    When the auction begins, the bidding price will increase by a fixed amount every second. You may choose to leave the auction at any point. The auction ends when only one player remains, who       wins the item at the bidding price displayed. This player's earnings will then be the difference between the bid and the item's value.
</p>
<ul>
    <li>Players who don't choose to leave the auction before the maximum bidding value is reached will automatically place the highest possible bid.</li>
    <li>If two or more players remain in the game until the maximum bidding value is reached, the winnings/losses are divided equally between them.</li>
</ul><br>

<p id="item_value">
    Your item value for this round is {{player.item_value_actual}}.
</p>

{% next_button %}

<style>
#item_value{
    color: green;
    font-size: 16px;
    font-weight: bold;
}
    
.otree-body {
    background-color: {{ Constants.style_background_color }};
    color: {{ Constants.style_text_color }};
}
    
.otree-title {
    visibility: hidden;
    height: 0;
}
    
</style>

{{ endblock }}