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

{% block title %}
    Results of round {{ round }}
{% endblock %}

{% block app_styles %}
<style type="text/css">
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slidecontainer2 {
  width: 100%;
}

.slider2 {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider2:hover {
  opacity: 1;
}

.slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slider2::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.center {
border: 5px solid #FFFF00;
text-align: center;
}

.display {
    border: 10px solid red;
}

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

th {
    border: 1px solid black;
    font-size: 12pt;
    width: 650px;
    text-align: right;
    font-weight:normal;
    }

td {
    font-size: 12pt;
    border: 1px solid black;
    text-align: center;
    }

table {
    table-layout: fixed;
    width: 800px;
    }

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

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

</style>
{% endblock %}

{% block content %}

{% if bid_guess == 0 %}
    {% if bid == 0  %}
    You predicted that the bank would neither bid nor offer any assets. The bank actually chose to neither bid nor offer assets.   <p></p>
    {% else %}
    You predicted that the bank would neither bid nor offer any assets.  The bank actually chose to {{ decision }} assets,{% if decision == 'buy' %} bidding {{ bid }} units of cash{% else %} offering {{ bid }} units of assets{% endif %}.  <p></p>
    {% endif %}

{% else %}
    {% if bid == 0  %}
    You predicted that the bank would {{ decision_guess }} assets, {% if decision_guess == 'buy' %} bidding {{ bid_guess }} units of cash{% else %} offering {{ bid_guess }} units of assets{% endif %}. The bank actually chose to neither bid nor offer assets.  <p></p>
    {% else %}
    You predicted that the bank would {{ decision_guess }} assets, {% if decision_guess == 'buy' %} bidding {{ bid_guess }} units of cash{% else %} offering {{ bid_guess }} units of assets{% endif %}. The bank actually chose to {{ decision }} assets,{% if decision == 'buy' %} bidding {{ bid }} units of cash{% else %} offering {{ bid }} units of assets{% endif %}.<p></p>
    {% endif %}
{% endif %}
    <ul>
<li>This means your prediction error was {{ prediction_error }}, and your <b>payoff for prediction
        was {{ prediction_payoff }}</b> .</li>
    </ul>
<p></p>

    At the end of this round, the bank you are responsible for
        had {{ assets }} in assets and {{cash|to1}} in cash. It had {{ impatient }} impatient customers.<p></p>
  <ul>
   <li>  This means that the bank was:<p></p> </li>
      <center>
    <p class="important">{% if truly_solvent %}
        <span class="important" style="color:green"> SOLVENT</span>
    {% else  %}
        <span class="important" style="color:red"> NOT SOLVENT</span>
    {% endif %}
    and
    {% if truly_liquid %}
        <span class="important" style="color:green"> LIQUID</span>
    {% else  %}
        <span class="important" style="color:red"> NOT LIQUID</span>
    {% endif %}</p>
          </center>


      <li>You declared that the bank was: </li> <p></p>
      <center>
    <p class="important">{% if solvent %}
        <span class="important" style="color:green"> SOLVENT </span>
    {% else  %}
        <span class="important" style="color:red"> NOT SOLVENT </span>
    {% endif %}
    and
    {% if liquid %}
        <span class="important" style="color:green"> LIQUID</span>
    {% else  %}
        <span class="important" style="color:red"> NOT LIQUID</span>
    {% endif %}</p>
          </center>
    {% if liquid_correct %}
      <p>Your <b>declaration of liquidity was correct</b>, thus your payoff is {{ accountant_prize }}.</p>
    {% else %}
      <p>Your <b>declaration of liquidity was incorrect</b>, thus your payoff is $0.00.</p>
    {% endif %}
    {% if solvent_correct %}
      <p>Your <b>declaration of solvency was correct</b>. thus your payoff is {{ accountant_prize }}.</p>
    {% else %}
      <p>Your <b>declaration of solvency was incorrect</b>, thus your payoff is $0.00</p>
    {% endif %}

   </ul>
<p></p>
This brings your <b> payoff for declarations this round to {{ payoff }}</b>.

<p></p>
{% next_button %}
<p></p>

<h5>Results including this round </h5>
    <table class="history">
        <tr>
            <th>Round</th><th>Declared Solvent?</th><th>Declared Liquid?</th><th>Solvent Correct?</th><th>Liquid Correct?</th><th>Cash (Begin 2nd period)</th><th>Predicted offer</th><th>Actual offer</th><th><b>Declaration payoff</b></th><th><b>Prediction payoff</b></th>
        </tr>
        {% for p in player_in_all_rounds %}
            <tr>
            <tr>
                <td>{{ p.round_number }}</td>
                <td>{{ p.solvent }}</td>
                <td>{{ p.liquid }}</td>
                <td>{{ p.solvent_correct }}</td>
                <td>{{ p.liquid_correct }}</td>
                  <td>{{p.cash_aux|to1}}</td>
                <td>{{ p.bid_guess }}</td>
                <td>{{ p.bid }}</td>
                <td class="important">{{ p.allocation_payoff }}</td>
                <td class="important">{{ p.prediction_payoff }}</td>
            </tr>
        {% endfor %}
    </table>


{% endblock %}