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

{% block title %}
    Sección de Percepciones
{% endblock %}

{% block content %}


<p>Le voy a pedir que piense en su hogar actual y que observe la siguiente imagen. En esta imagen se muestra en la parte central, a familias u hogares <b>NI TAN POBRES NI TAN RICOS</b>. Hacia el lado derecho del 6 al 10, están los hogares de menor a mayor riqueza, hasta llegar a los MÁS RICOS. Del lado izquierdo aparecen, del 4 al 0 los hogares de menor a mayor pobreza, hasta llegar a los MÁS POBRES.</p>


<p><img src="{% static "surveyapp/percepcion.png" %}"/></p>
<b>De acuerdo a su percepción, ¿dónde pondría usted su hogar?</b>
    {% formfield player.percepcion_1 %}

<p><img src="{% static "surveyapp/percepcion.png" %}"/></p>
<b>Y pensando en el hogar donde VIVIRÁ usted en 20 años, ¿dónde pondría usted su hogar de ese entonces?</b>
    {% formfield player.perspectiva %}
<p><b>¿Cuál cree es el ingreso MÁXIMO al mes de una persona para que usted la considere como POBRE? (todas las personas por debajo de ese ingreso serían pobres).</b></p>
    {% formfield player.ingreso_pobre %}

<p><b>Con respecto a su respuesta anterior, ¿cuántas personas de cada 10 cree que son pobres en México?ESTOY EXPLORANDO EL USO DE SLIDERS PARA HACER MAS INTERACTIVAS LAS RESPUESTAS.</b></p>

<input type="range" name="slider_one" value="None" step="1" style="width:500px" min="0" max="10" id="id_slider_one" class="form-control">


<p><b>Si usted ganara mensualmente $10,000 pesos, ¿cuánto estaría dispuesto a sacrificar mensualmente de tal ingreso para que todas las personas tuvieran un ingreso similar al de usted, con lo que no habría pobreza ni desigualdad en el país? (Monto entre $0 y $10,000).</b></p>
      {% formfield player.monto_sacrificar %}

<p><b>Le voy a mostrar cinco imágenes donde se muestran distintas formas de distribución de los recursos que se producen o generan en la economía de un país.</b></p>
<p><img src="{% static "surveyapp/percepcion2.png" %}"/></p>
      {% formfield player.sociedad_nivel %}
<button class="otree-btn-next btn btn-primary">Siguiente</button>
{% endblock %}