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

{% block content %}
    <h1>Please rank the below factors that influenced your decision to choose a worker to perform the
        additional decoding task in Round Two </h1>
    <p>The higher the rank (1-highest, 5-lowest), the greater the influence on your decision:</p>

    <form>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.m_rank_lira }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.m_rank_lira.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.m_rank_fair }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.m_rank_fair.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.m_rank_best_performer }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.m_rank_best_performer.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.m_rank_keep_both }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.m_rank_keep_both.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.m_rank_best_for_all }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.m_rank_best_for_all.label }}</label>
        </div>
        <button type="submit" class="btn btn-primary">Next</button>
    </form>
{% endblock %}