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

{% block title %}
    


{% endblock %}



{% block content %}


 


<div align="center" style="padding-top:0px;">
<table class="table1">

<tr><h4 style="color:white"><u>Cash-out offers</u> after Stage 1 if you uncovered:</h4></tr>
  <tr>
    <th>Amount Invested</th>
    <th>0 Sunny days</th> 
    <th>1 Sunny day</th>
    <th>2 Sunny days</th>
    <th>3 Sunny days</th>
    <th>4 Sunny days</th>
    <th>5 Sunny days</th>
  </tr>
  
  
  
  {% if player.smile_needed == 5 %}
  {% for each_list in participant.vars.cash_outs|slice:":4" %}
   <tr>
           <td>$ {{ each_list.0|floatformat:2 }}</td>
          {% for each_number in each_list.1 %}
              <td>$ {{ each_number|floatformat:2 }}</td>
          {% endfor %}
      </tr>
  {% endfor %}
  {% else %}
  {% for each_list in participant.vars.cash_outs|slice:"4:" %}
   <tr>
           <td>$ {{ each_list.0|floatformat:2 }}</td>
          {% for each_number in each_list.1 %}
              <td>$ {{ each_number|floatformat:2 }}</td>
          {% endfor %}
      </tr>
  {% endfor %}
  {% endif %}
  

     
  
  
 
  
 


 
  
</table>

</div>




   
    
    
 


    

          

           
   
{% endblock %}











{% block styles %}


<style>





    
  
  
 .table1 td{
    padding: .75rem;
    
    align: center;
    border: 2px solid rgb(80, 80, 80);
    
    
}

.table1 th {
            padding: .75rem;
            vertical-align: top;
            
            top: 10px;
            
            background-color: rgb(220, 220, 220);
            
            border: 2px solid rgb(80, 80, 80);
            
                
            }
                  
  
    .table1 tr:nth-child(odd) {
    background-color: rgb(300, 300, 300)
    }
    .table1 tr:nth-child(even) {
    background-color: rgb(220, 220, 220)
    }      
     
    .table1 tr th:first-child,
    .table1 tr td:first-child {
        
        width: 6em;
        min-width: 5em;
        max-width: 5em;
        
    } 

</style>

{% endblock %}