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

{% block content %}
    <h1>Please rank the below factors that influenced your decision to either stay with the current manager
        or leave to work for a new manager </h1>
    <p>The higher the rank (1-highest, 4-lowest), the greater the influence on your decision:</p>

    <form>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.rank_lira }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.rank_lira.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.rank_unhappy }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.rank_unhappy.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.rank_repay }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.rank_repay.label }}</label>
        </div>
        <div class="form-group row">
            <div class="col-sm-2">
                {{ form.rank_group }}
            </div>
            <label class="col-sm-10 col-form-label">{{ form.rank_group.label }}</label>
        </div>
        <button type="submit" class="btn btn-primary">Next</button>
    </form>
{% endblock %}