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

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

{% block script %}
<script>
    function total()
    {
    var totalPayment;
    totalPayment = number({{payment_1|json}}+{{payment_2|json}}+{{payment_3}})
    document.getElementById("payment").value = totalPayment
</script>

{%endblock%}



{% block content %}



{% block table %}


<table class="table table-bordered table-striped mb-0">
    <thead>
      <tr>
        <tr>
      <th scope="col"></th>
      <th scope="col">Results</th>

    </tr>
      </tr>
    </thead>
    <tbody>
      <tr>
      <th scope="row">Show up fee</th>
      <td> $5.00 </td>

    </tr>
 <tr>
      <th scope="row">Individal Task</th>
      <td><output>${{Holt_and_Laury|json}}</output></td>

    </tr>

     <tr>
      <th scope="row">Total Points Won</th>

             <td>{{total_points|c}}</td>


    </tr>

       <tr>
      <th scope="row">Points Dollar Value</th>
      <td>${{points_dollar_value|json}}</td>


    </tr>

     <tr>
      <th scope="row">Total Payment</th>
      <td> ${{total_payment|json}}</td>


    </tr>


    </tbody>
  </table>

</div>
<br>
<br>
<br>

<div class="table-wrapper-scroll-y my-custom-scrollbar">

<style>
  .my-custom-scrollbar {
position: relative;
height: 200px;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

</style>

  <table class="table table-bordered table-striped mb-0">
    <thead>
      <tr>
        <tr>
      <th scope="col">Round</th>
      <th scope="col">Correct Answer</th>
        <th scope="col">Lower</th>
      <th scope="col">Upper</th>
        <th scope="col">won</th>
        <th scope="col">Points won</th>
    </tr>
      </tr>
    </thead>
    <tbody>
      <tr>
      <th scope="row">1</th>
      <td><output>{{correct_answer_1|json}}</output></td>
        <td>{{Lower_1|json}}</td>
      <td>{{Upper_1|json}}</td>
        <td>{{won_1|json}}</td>
        <td>{{payment_1|json}}</td>

    </tr>
    <tr>
      <th scope="row">2</th>
      <td><output>{{correct_answer_2|json}}</output></td>
        <td>{{Lower_2|json}}</td>
      <td>{{Upper_2|json}}</td>
        <td>{{won_2|json}}</td>
        <td>{{payment_2|json}}</td>

    </tr>
    <tr>
      <th scope="row">3</th>
     <td><output>{{correct_answer_3|json}}</output></td>
        <td>{{Lower_3|json}}</td>
      <td>{{Upper_3|json}}</td>
        <td>{{won_3|json}}</td>
        <td>{{payment_3|json}}</td>
    </tr>
  <tr>
      <th scope="row">4</th>
     <td><output>{{correct_answer_4|json}}</output></td>
        <td>{{Lower_4|json}}</td>
      <td>{{Upper_4|json}}</td>
        <td>{{won_4|json}}</td>
        <td>{{payment_4|json}}</td>

    </tr>
  <tr>
      <th scope="row">5</th>
 <td><output>{{correct_answer_5|json}}</output></td>
        <td>{{Lower_5|json}}</td>
      <td>{{Upper_5|json}}</td>
        <td>{{won_5|json}}</td>
        <td>{{payment_5|json}}</td>

    </tr>
  <tr>
      <th scope="row">6</th>
  <td><output>{{correct_answer_6|json}}</output></td>
        <td>{{Lower_6|json}}</td>
      <td>{{Upper_6|json}}</td>
        <td>{{won_6|json}}</td>
        <td>{{payment_6|json}}</td>

    </tr>
  <tr>
      <th scope="row">7</th>
    <td><output>{{correct_answer_7|json}}</output></td>
        <td>{{Lower_7|json}}</td>
      <td>{{Upper_7|json}}</td>
        <td>{{won_7|json}}</td>
        <td>{{payment_7|json}}</td>

    </tr>
  <tr>
      <th scope="row">8</th>
     <td><output>{{correct_answer_8|json}}</output></td>
        <td>{{Lower_8|json}}</td>
      <td>{{Upper_8|json}}</td>
        <td>{{won_8|json}}</td>
        <td>{{payment_8|json}}</td>

    </tr>
  <tr>
      <th scope="row">9</th>
     <td><output>{{correct_answer_9|json}}</output></td>
        <td>{{Lower_9|json}}</td>
      <td>{{Upper_9|json}}</td>
        <td>{{won_9|json}}</td>
        <td>{{payment_9|json}}</td>

    </tr><tr>
      <th scope="row">10</th>
<td><output>{{correct_answer_10|json}}</output></td>
        <td>{{Lower_10|json}}</td>
      <td>{{Upper_10|json}}</td>
        <td>{{won_10|json}}</td>
        <td>{{payment_10|json}}</td>

    </tr>
  <tr>
      <th scope="row">11</th>
     <td><output>{{correct_answer_11|json}}</output></td>
        <td>{{Lower_11|json}}</td>
      <td>{{Upper_11|json}}</td>
        <td>{{won_11|json}}</td>
        <td>{{payment_11|json}}</td>

    </tr>
    <tr>
      <th scope="row">12</th>
 <td><output>{{correct_answer_12|json}}</output></td>
        <td>{{Lower_12|json}}</td>
      <td>{{Upper_12|json}}</td>
        <td>{{won_12|json}}</td>
        <td>{{payment_12|json}}</td>

    </tr>
    <tr>
      <th scope="row">13</th>
 <td><output>{{correct_answer_13|json}}</output></td>
        <td>{{Lower_13|json}}</td>
      <td>{{Upper_13|json}}</td>
        <td>{{won_13|json}}</td>
        <td>{{payment_13|json}}</td>

    </tr>
  <tr>
      <th scope="row">14</th>
<td><output>{{correct_answer_14|json}}</output></td>
        <td>{{Lower_14|json}}</td>
      <td>{{Upper_14|json}}</td>
        <td>{{won_14|json}}</td>
        <td>{{payment_14|json}}</td>

    </tr>
  <tr>
      <th scope="row">15</th>
 <td><output>{{correct_answer_15|json}}</output></td>
        <td>{{Lower_15|json}}</td>
      <td>{{Upper_15|json}}</td>
        <td>{{won_15|json}}</td>
        <td>{{payment_15|json}}</td>
    </tr>
  <tr>
      <th scope="row">16</th>
   <td><output>{{correct_answer_16|json}}</output></td>
        <td>{{Lower_16|json}}</td>
      <td>{{Upper_16|json}}</td>
        <td>{{won_16|json}}</td>
        <td>{{payment_16|json}}</td>

    </tr>
  <tr>
      <th scope="row">17</th>
     <td><output>{{correct_answer_17|json}}</output></td>
        <td>{{Lower_17|json}}</td>
      <td>{{Upper_17|json}}</td>
        <td>{{won_17|json}}</td>
        <td>{{payment_17|json}}</td>

    </tr>
  <tr>
      <th scope="row">18</th>
    <td><output>{{correct_answer_18|json}}</output></td>
        <td>{{Lower_18|json}}</td>
      <td>{{Upper_18|json}}</td>
        <td>{{won_18|json}}</td>
        <td>{{payment_18|json}}</td>

    </tr>
  <tr>
      <th scope="row">19</th>
   <td><output>{{correct_answer_19|json}}</output></td>
        <td>{{Lower_19|json}}</td>
      <td>{{Upper_19|json}}</td>
        <td>{{won_19|json}}</td>
        <td>{{payment_19|json}}</td>

    </tr><tr>
      <th scope="row">20</th>
      <td><output>{{correct_answer_20|json}}</output></td>
        <td>{{Lower_20|json}}</td>
      <td>{{Upper_20|json}}</td>
        <td>{{won_20|json}}</td>
        <td>{{payment_20|json}}</td><tr>
      <th scope="row">21</th>
     <td><output>{{correct_answer_21|json}}</output></td>
        <td>{{Lower_21|json}}</td>
      <td>{{Upper_21|json}}</td>
        <td>{{won_21|json}}</td>
        <td>{{payment_21|json}}</td></td>

    </tr>
    <tr>
      <th scope="row">22</th>
     <td><output>{{correct_answer_22|json}}</output></td>
        <td>{{Lower_22|json}}</td>
      <td>{{Upper_22|json}}</td>
        <td>{{won_22|json}}</td>
        <td>{{payment_22|json}}</td>

    </tr>
    <tr>
      <th scope="row">23</th>
  <td><output>{{correct_answer_23|json}}</output></td>
        <td>{{Lower_23|json}}</td>
      <td>{{Upper_23|json}}</td>
        <td>{{won_23|json}}</td>
        <td>{{payment_23|json}}</td>
    </tr>
  <tr>
      <th scope="row">24</th>
  <td><output>{{correct_answer_24|json}}</output></td>
        <td>{{Lower_24|json}}</td>
      <td>{{Upper_24|json}}</td>
        <td>{{won_24|json}}</td>
        <td>{{payment_24|json}}</td>

    </tr>
  <tr>
      <th scope="row">25</th>
    <td><output>{{correct_answer_25|json}}</output></td>
        <td>{{Lower_25|json}}</td>
      <td>{{Upper_25|json}}</td>
        <td>{{won_25|json}}</td>
        <td>{{payment_25|json}}</td>
    </tr>
  <tr>
      <th scope="row">26</th>
    <td><output>{{correct_answer_26|json}}</output></td>
        <td>{{Lower_26|json}}</td>
      <td>{{Upper_26|json}}</td>
        <td>{{won_26|json}}</td>
        <td>{{payment_26|json}}</td>

    </tr>
  <tr>
      <th scope="row">27</th>
  <td><output>{{correct_answer_27|json}}</output></td>
        <td>{{Lower_27|json}}</td>
      <td>{{Upper_27|json}}</td>
        <td>{{won_27|json}}</td>
        <td>{{payment_27|json}}</td>

    </tr>
  <tr>
      <th scope="row">28</th>
<td><output>{{correct_answer_28|json}}</output></td>
        <td>{{Lower_28|json}}</td>
      <td>{{Upper_28|json}}</td>
        <td>{{won_28|json}}</td>
        <td>{{payment_28|json}}</td>

    </tr>
  <tr>
      <th scope="row">29</th>
<td><output>{{correct_answer_29|json}}</output></td>
        <td>{{Lower_29|json}}</td>
      <td>{{Upper_29|json}}</td>
        <td>{{won_29|json}}</td>
        <td>{{payment_29|json}}</td>

    </tr><tr>
      <th scope="row">30</th>
      <td><output>{{correct_answer_30|json}}</output></td>
        <td>{{Lower_30|json}}</td>
      <td>{{Upper_30|json}}</td>
        <td>{{won_30|json}}</td>
        <td>{{payment_30|json}}</td><tr>
      <th scope="row">31</th>
      <td><output>{{correct_answer_31|json}}</output></td>
        <td>{{Lower_31|json}}</td>
      <td>{{Upper_31|json}}</td>
        <td>{{won_31|json}}</td>
        <td>{{payment_31|json}}</td>

    </tr>
    <tr>
      <th scope="row">32</th>
     <td><output>{{correct_answer_32|json}}</output></td>
        <td>{{Lower_32|json}}</td>
      <td>{{Upper_32|json}}</td>
        <td>{{won_32|json}}</td>
        <td>{{payment_32|json}}</td>

    </tr>
    <tr>
      <th scope="row">33</th>
     <td><output>{{correct_answer_33|json}}</output></td>
        <td>{{Lower_33|json}}</td>
      <td>{{Upper_33|json}}</td>
        <td>{{won_33|json}}</td>
        <td>{{payment_33|json}}</td>

    </tr>
  <tr>
      <th scope="row">34</th>
      <td><output>{{correct_answer_34|json}}</output></td>
        <td>{{Lower_34|json}}</td>
      <td>{{Upper_34|json}}</td>
        <td>{{won_34|json}}</td>
        <td>{{payment_34|json}}</td>

    </tr>
  <tr>
      <th scope="row">35</th>
  <td><output>{{correct_answer_35|json}}</output></td>
        <td>{{Lower_35|json}}</td>
      <td>{{Upper_35|json}}</td>
        <td>{{won_35|json}}</td>
        <td>{{payment_35|json}}</td>

    </tr>
  <tr>
      <th scope="row">36</th>
    <td><output>{{correct_answer_36|json}}</output></td>
        <td>{{Lower_36|json}}</td>
      <td>{{Upper_36|json}}</td>
        <td>{{won_36|json}}</td>
        <td>{{payment_36|json}}</td>

    </tr>
  <tr>
      <th scope="row">37</th>
  <td><output>{{correct_answer_37|json}}</output></td>
        <td>{{Lower_37|json}}</td>
      <td>{{Upper_37|json}}</td>
        <td>{{won_37|json}}</td>
        <td>{{payment_37|json}}</td>

    </tr>
  <tr>
      <th scope="row">38</th>
<td><output>{{correct_answer_38|json}}</output></td>
        <td>{{Lower_38|json}}</td>
      <td>{{Upper_38|json}}</td>
        <td>{{won_38|json}}</td>
        <td>{{payment_38|json}}</td>

    </tr>
  <tr>
      <th scope="row">39</th>
  <td><output>{{correct_answer_39|json}}</output></td>
        <td>{{Lower_39|json}}</td>
      <td>{{Upper_39|json}}</td>
        <td>{{won_39|json}}</td>
        <td>{{payment_39|json}}</td>

    </tr><tr>
      <th scope="row">40</th>
     <td><output>{{correct_answer_40|json}}</output></td>
        <td>{{Lower_40|json}}</td>
      <td>{{Upper_40|json}}</td>
        <td>{{won_40|json}}</td>
        <td>{{payment_40|json}}</td><tr>
      <th scope="row">41</th>
   <td><output>{{correct_answer_41|json}}</output></td>
        <td>{{Lower_41|json}}</td>
      <td>{{Upper_41|json}}</td>
        <td>{{won_41|json}}</td>
        <td>{{payment_41|json}}</td>

    </tr>
    <tr>
      <th scope="row">42</th>
      <td><output>{{correct_answer_42|json}}</output></td>
        <td>{{Lower_42|json}}</td>
      <td>{{Upper_42|json}}</td>
        <td>{{won_42|json}}</td>
        <td>{{payment_42|json}}</td>

    </tr>
    <tr>
      <th scope="row">43</th>
      <td><output>{{correct_answer_43|json}}</output></td>
        <td>{{Lower_43|json}}</td>
      <td>{{Upper_43|json}}</td>
        <td>{{won_43|json}}</td>
        <td>{{payment_43|json}}</td>

    </tr>
  <tr>
      <th scope="row">44</th>
     <td><output>{{correct_answer_44|json}}</output></td>
        <td>{{Lower_44|json}}</td>
      <td>{{Upper_44|json}}</td>
        <td>{{won_44|json}}</td>
        <td>{{payment_44|json}}</td>

    </tr>
  <tr>
      <th scope="row">45</th>
     <td><output>{{correct_answer_45|json}}</output></td>
        <td>{{Lower_45|json}}</td>
      <td>{{Upper_45|json}}</td>
        <td>{{won_45|json}}</td>
        <td>{{payment_45|json}}</td>

    </tr>
  <tr>
      <th scope="row">46</th>
   <td><output>{{correct_answer_46|json}}</output></td>
        <td>{{Lower_46|json}}</td>
      <td>{{Upper_46|json}}</td>
        <td>{{won_46|json}}</td>
        <td>{{payment_46|json}}</td>

    </tr>
  <tr>
      <th scope="row">47</th>
      <td><output>{{correct_answer_47|json}}</output></td>
        <td>{{Lower_47|json}}</td>
      <td>{{Upper_47|json}}</td>
        <td>{{won_47|json}}</td>
        <td>{{payment_47|json}}</td>

    </tr>
  <tr>
      <th scope="row">48</th>
  <td><output>{{correct_answer_48|json}}</output></td>
        <td>{{Lower_48|json}}</td>
      <td>{{Upper_48|json}}</td>
        <td>{{won_48|json}}</td>
        <td>{{payment_48|json}}</td>

    </tr>
  <tr>
      <th scope="row">49</th>
<td><output>{{correct_answer_49|json}}</output></td>
        <td>{{Lower_49|json}}</td>
      <td>{{Upper_49|json}}</td>
        <td>{{won_49|json}}</td>
        <td>{{payment_49|json}}</td>
    </tr><tr>
      <th scope="row">50</th>
      <td><output>{{correct_answer_50|json}}</output></td>
        <td>{{Lower_50|json}}</td>
      <td>{{Upper_50|json}}</td>
        <td>{{won_50|json}}</td>
        <td>{{payment_50|json}}</td>
        <tr>
      <th scope="row">51</th>
    <td><output>{{correct_answer_51|json}}</output></td>
        <td>{{Lower_51|json}}</td>
      <td>{{Upper_51|json}}</td>
        <td>{{won_51|json}}</td>
        <td>{{payment_51|json}}</td>

    </tr>
    <tr>
      <th scope="row">52</th>
    <td><output>{{correct_answer_52|json}}</output></td>
        <td>{{Lower_52|json}}</td>
      <td>{{Upper_52|json}}</td>
        <td>{{won_52|json}}</td>
        <td>{{payment_52|json}}</td>

    </tr>
    <tr>
      <th scope="row">53</th>
 <td><output>{{correct_answer_53|json}}</output></td>
        <td>{{Lower_53|json}}</td>
      <td>{{Upper_53|json}}</td>
        <td>{{won_53|json}}</td>
        <td>{{payment_53|json}}</td>

    </tr>
  <tr>
      <th scope="row">54</th>
    <td><output>{{correct_answer_54|json}}</output></td>
        <td>{{Lower_54|json}}</td>
      <td>{{Upper_54|json}}</td>
        <td>{{won_54|json}}</td>
        <td>{{payment_54|json}}</td>
    </tr>
  <tr>
      <th scope="row">55</th>
    <td><output>{{correct_answer_55|json}}</output></td>
        <td>{{Lower_55|json}}</td>
      <td>{{Upper_55|json}}</td>
        <td>{{won_55|json}}</td>
        <td>{{payment_55|json}}</td>

    </tr>
  <tr>
      <th scope="row">56</th>
 <td><output>{{correct_answer_56|json}}</output></td>
        <td>{{Lower_56|json}}</td>
      <td>{{Upper_56|json}}</td>
        <td>{{won_56|json}}</td>
        <td>{{payment_56|json}}</td>

    </tr>
  <tr>
      <th scope="row">57</th>
    <td><output>{{correct_answer_57|json}}</output></td>
        <td>{{Lower_57|json}}</td>
      <td>{{Upper_57|json}}</td>
        <td>{{won_57|json}}</td>
        <td>{{payment_57|json}}</td>

    </tr>
  <tr>
      <th scope="row">58</th>
<td><output>{{correct_answer_58|json}}</output></td>
        <td>{{Lower_58|json}}</td>
      <td>{{Upper_58|json}}</td>
        <td>{{won_58|json}}</td>
        <td>{{payment_58|json}}</td>

    </tr>
  <tr>
      <th scope="row">59</th>
  <td><output>{{correct_answer_59|json}}</output></td>
        <td>{{Lower_59|json}}</td>
      <td>{{Upper_59|json}}</td>
        <td>{{won_59|json}}</td>
        <td>{{payment_59|json}}</td>

  </tr><tr>
      <th scope="row">60</th>
 <td><output>{{correct_answer_60|json}}</output></td>
        <td>{{Lower_60|json}}</td>
      <td>{{Upper_60|json}}</td>
        <td>{{won_60|json}}</td>
        <td>{{payment_60|json}}</td>
    </tr>
    </tbody>
  </table>

</div>





<input type="hidden" id="totalPoints" name="total_points">
<input type="hidden" id="totalExperimentDvalue" name="total_experiment_dvalue">
<input type="hidden" id="totalPayment" name="total_payment">


{% endblock %}


{% formfields %}

{% next_button %}

{% endblock %}