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

{% block title %}
    Decisione
{% endblock %}

{% block content %}

<script>
    var pageTimeElapsed = 0;
    var pageTimerID = -1;

    function pageTick() {
      pageTimeElapsed++
      document.getElementById("time_spent").value = pageTimeElapsed;
    }

    window.onload = function() {
      if(pageTimerID == -1){
        pageTimerID = setInterval(pageTick, 1000);
      }
    };
</script>


<div style="font-size:16pt">

     <p> Ora dovrà scegliere la lettera che pensa le porterà un maggior guadagno.</p>

    <table class="table table-bordered text-center" style="font-size:16pt">
        <tr>
            <td>{{f1|safe}} € </td>
            <td><button name="decision" value="F" class="btn btn-primary btn-large" style="font-size:16pt">F</button></td>
            <td><button name="decision" value="D" class="btn btn-primary btn-large" style="font-size:16pt">D</button></td>
            <td>{{f3|safe}} € </td>
        </tr>

    </table>
</div>

<input type="hidden" name="time_spent" id="time_spent"/>

{% endblock %}