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

{% block title %}

<div style="text-align: center"> Pantalla 5 </div>

{% endblock %}


{% block content %}

<div style="text-align: center">
<img src={% static "treatment1/5.PNG" %}/>
</div>

<p align="center">
<button id="close-image" onclick="incrementValue(1)"><img src={% static "treatment1/Boton6.PNG" %}/></button>
<mark> </mark>
<mark> </mark>
<button id="close-image" onclick="incrementValue(2)"><img src={% static "treatment1/Boton5.PNG" %}/></button>
<mark> </mark>
<mark> </mark>
<button id="close-image" onclick="incrementValue(3)"><img src={% static "treatment1/Boton4.PNG" %}/></button>
<mark> </mark>
<mark> </mark>

<input type="hidden" name="salir" id="field_1" value="0"/>
<input type="hidden" name="ver_datos" id="field_2" value="0"/>
<input type="hidden" name="crear_alerta" id="field_3" value="0"/>

<button name="crear_alerta" value=1>crear alerta</button>
<button name="ver_datos" value=5>ver datos</button>
<button name="salir" value=10>salir</button>

</p>

<br>

</br>

<!-- <div style="text-align: center">
	<button class="otree-btn-next btn btn-primary">Continuar</button>
	</div> -->

<script>
function incrementValue(button_number)
{
    // piece together id of the field
    id = 'field_'+button_number;
    // get current value of the field
    var value = parseInt(document.getElementById(id).value, 10);
    // if value is not a number, set it to 0
    value = isNaN(value) ? 0 : value;
    // increase value
    value++;
    // set value to the field
    document.getElementById(id).value = value;
}
</script>

{% endblock %}