{{ block title }}
    End of Experiment
{{ endblock }}

{{ block content }}
<style>
.otree-title {
    background: #EEF5FF;
    font-size: 40px;
    text-align: center;
    padding: 5% 0% 2% 0%;
}
.otree-body {
    max-width:1200px
}
.otree-btn-next {
    float: right;
    margin-right: 1%;
}
p {
    font-size: 20px;
}

.otree-body{
    width: 70%;
    padding-left: 0px;
    padding-right: 0px;
}

td, th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align:center;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
  text-align:center;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
</style>

<p>Thank you for participating in today’s experiment. </p>
<p> You earned: </p>

<table class='center'>
  <tr>  <td> Show up fee </td> <td style="text_align:right"> $5.00 </td>  </tr>
  <tr>  <td> Part 1 Bonus ({{ part1_correct }} questions correct) </td> <td style="text_align:right"> {{ part1_text }} </td>  </tr>
  <tr>  <td> Part 2 (Game {{ part2_selected }} chosen randomly, ended turn {{ part2_turn }}) </td> <td style="text_align:right"> {{ part2_text }} </td> </tr>
  <tr>  <td> Part 3 Lottery Choice: ({{ lottery_extra }}) </td> <td style="text_align:right"> {{ lottery_text }} </td> </tr>
  <tr>  <td> Part 3 Allocation Choice: ({{ allocation_extra }}) </td> <td style="text_align:right"> {{ allocation_text }} </td> </tr>
  <tr>  <td> Part 3 Reasoning Choice: ({{ bI_extra }}) </td> <td style="text_align:right"> {{ bI_text }} </td> </tr>
  <tr>  <td> <b>Total</b> </td> <td style="text_align:right"> <b> {{ total_text }} </b> </td> </tr>
</table>
<br>
<br>
<p>You received a number on the way in. Please stay seated until this number is called. At this
point, you can get up to exit and you will be paid as you leave.</p>

{{ endblock }}