{{ extends 'global/Page.html' }}
{{ block title }}Your Results{{ endblock }}

{{ block content }}

<div class="wrapper instructions">

<br>
  <div class="result-container">
    <div class="result-box">
      <p>Your final earning <small>(show-up fee included)</small> is:
          <br>
          {{ participant.final_earning }}</p>
    </div>
  </div>

    <p>For any problems with payments, to ensure complete anonymity, take note that your unique code is
    <i>{{ participant.code }}</i> and your session is <i>{{ player.session.code}}</i> </p>
<br>
<p>Please don't get up until everyone is done. The experimenter will tell you when you can leave the lab. </p>
<br>


<style>
  .result-container {
    display: flex;
    justify-content: space-between;
  }
  .result-box {
    border: 2px solid #75c0ff; /* Blue border */
    background-color: #f2f2f2; /* Light gray background */
    padding: 10px;
    text-align: center;
    width: 45%;
  }

  th, tr, td {
    border: 1px solid black;
    border-radius: 0px;
  }
  .highlighted-row {
    background-color: lightgreen; /* Change to the desired highlight color */
  }
</style>

{{ endblock }}