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

{% block title %}
    Asset Market
{% endblock %}

{% block styles %}
<style type="text/css">
    th {
        border: 1px solid black;
        font-size: 16pt;
        width: 200px;
        text-align: right;
        font-weight: bold;
        }

    td {
        font-size: 14pt;
        border: 1px solid black;
        text-align: center;
        }
    title {
        font-size: 36pt;
        font-weight: bold;
        }

    body {
        font-size: 14pt;
        }
    table {
        table-layout: fixed;
        width: 400px;
        }

    .history td {
        font-size: 16pt;
        }

    .history th {
        font-size: 12pt;
        width: 100px;
        text-align: center;
        }

    h3 {
        font-size: 18pt;
        font-weight: bold;
        }

    .important {
        font-size: 14pt;
        font-weight: bold;
    }

    button {
        color: #FFFFFF;
        background-color: #0066BB;
        border-radius: 8px;
        font-size: 20pt;
    }
</style>
{% endblock %}

{% block content %}
  The total amount of cash bid for all assets was {{ total_bid }}.</p>  <p>
    The total amount of assets offered for sale was {{ total_offer }}.</p><p>
<ul>
    {% if trade_happens %}
   <li> Thus, the market price was {{ price }} units of cash per asset.
    </li>
        {% if your_bid > 0 %}
    <li>    You bid {{ your_bid }} units of cash, which means you have purchased {{ your_new_assets }} units of assets.
    </li>
        {% elif your_offer > 0 %}
     <li>   You offered {{ your_offer }} units of assets for sale, which means you have received {{ your_new_cash }} units of cash.
        </li>
        {% else %}
     <li>  You did not place any offers to buy or sell assets.
         </li>
        {% endif %}

    {% else %}
    <li>No trade has occurred. You keep all the cash and assets you had previously.  As stated in the instructions, there is no market price for the asset. </li>
    {% endif %}

<p></p>
<span class="important">You now have {{ your_assets }} units in assets (A) and {{ your_cash }} units in cash (C)</span>. Recall that you have {{ player.impatient }} impatient customers.
</ul>



<p></p>
    {% if trade_happens %}
        {% if no_trade == 1 %}
        You predicted there would be no trade and thus no market price ( and the actual price was {{ price }}). <p></p>
         <ul>
        <li>  So your <b> prediction payoff is {{ prediction_prize }}</b>.
        </li>
        </ul>
        {% else %}
        You predicted that the asset price would be {{ player.price_guess }} ( and the actual price was {{ price }}). <p></p>
        <ul>
        <li> Which means your prediction error was {{ prediction_error }}, and your <b> prediction payoff is
         {{ prediction_prize }}</b>.
        </li>
        </ul>
        {% endif %}
    {% else %}
<ul>
    <li> Since no trade occurred, there is no asset price.
    </li>
   <p></p>
        {% if no_trade == 1 %}
        <b>You correctly predicted this, so your prediction payoff is {{ prediction_prize }}</b>.
        {% else %}
        <b>You failed to predict this, so your prediction payoff is {{ prediction_prize }}</b>.
        {% endif %}
    {% endif %}
</ul>
<br>
    {% next_button %}
{% endblock %}