{% extends "global/Page.html" %}
{% load otree static %}
{% block title %}
Cuestionario Final
{% endblock %}
{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
            .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

    </style>
{% endblock %}

{% block content %}
<p align="justify"> Por favor responda las siguientes preguntas. Recuerde que sus respuestas a continuación son completamente confidenciales y no tienen ninguna relación con la forma de seleccionar al ganador del sorteo. </p>

<p align="justify"> Revise sus <b> respuestas </b> antes de enviar el formulario. </p>

<p align="justify">
    <img src="{% static "alto_perfil2.png" %}" width="230" height="230" align="right"> Ahora le pedimos que se sitúe cuando estaba rankeando un <b> perfil con conocimientos técnicos estadísticos y de programación y habilidades para interactuar con clientes de alto perfil.</b> </p>
    <p> De acuerdo con esa situación, le pedimos que nos cuente cuáles fueron la categorías a las que más importancia les dio. </p>
<ol type="1">
     <p class="inner" align="justify"> <b>La categoría más importante para usted fue:</b>  </p>
    <li><div class="d-flex align-items-center wrap">
        <div class="inner"
             {% formfield player.rank1Alto label="" %}
    </div>
    </li>
     <p class="inner" align="justify"> La segunda categoría más importante para usted fue:  </p>
    <li><div class="d-flex align-items-start wrap">

        <div class="inner"
             {% formfield player.rank2Alto label="" %}
    </div>
    </li>
    <p class="inner" align="justify"> La tercera categoría más importante para usted fue:  </p>
    <li><div class="d-flex align-items-start wrap">
        <div class="inner"
             {% formfield player.rank3Alto label="" %}
    </div>
    </li>
</ol>

<br>
<p class="justify"> En términos generales, cuáles son sus criterios para recomendar a alguien si va a aplicar para un trabajo que requiere <b>conocimientos técnicos estadísticos y de programación y habilidades para interactuar con clientes de alto perfil: </b> (¿Agregaría alguna categoría o pediría algún tipo de información adicional que le hubiese ayudado a tomar su decisión?) </p>
<ol>
    <div class="center">
        {%formfield player.motivacion_altoperf label="" %}
    </div>
</ol>





<div class="text-center py-2">
{% next_button %}
</div>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
{% endblock %}