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

{% block title %}
    {% if subsession.round_number < 20  %} Part 2: Round {{task_number}} {% elif subsession.round_number == 29 %} Part 3 Block 3 {% else %}  Part 4 Block 2: Round {{round_num}} Step 3 {% endif %}


{% endblock %}

{% block content %}

    <div class="boxed">
      
    <table class="table">
    <div class="sticky">
    <center><h3>Task {{player.active_task}}: {% if player.active_task < 5%}  {{title | slice:"13" }} <strong> <font color="#186A3B">{{title | slice:"13:14" }}</font> </strong>{{title | slice:"14:" }}{% else %} {{title | slice:"7" }} <strong> <font color="#186A3B">{{title | slice:"7:15" }}</font> </strong> {{title | slice:"15:" }} {% endif %}</h3> </center>
    </div>
            <tr>
                <th><center><h4>{% if player.active_task < 5%} Count {% else %} Sum {% endif %}</h4> </center></th>
                <th><center><h4> Enter the Value </h4></center></th>
            </tr>
     
    
    {% for item, var_name in my_list %}
    <tr align="center">
                <td ><strong>{{item}} </strong></td>
                
                <td ><input type="number" name={{var_name|safe}} style="width:100px; border-radius: 10px;"></td>
                
    </tr> 
    
    {% endfor %}
    </table>
    
    </div>


    
  {% include "treatment_1/type.html" %}  

{% endblock %}







{% block styles %}




 
   <style>
   table, th, td {
                    border: 2px solid black;
                    padding: 0px;
                    
                 } 
      
    table {
    
            border-spacing: 0px;
            
          }
    tr:nth-child(even) {
    background-color: white
    }
    tr:nth-child(odd) {
    background-color: lightgrey
    }       
    
    
    
   </style>
   <style>
    div.sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
      padding: 15px;
      background-color: white;
      border: 2px solid black;
      color: black;
      
    }
    </style>


{% endblock %}