{{extends 'pre_survey/BasePage.html'}}
{{ block title }} Consequentialist Scale {{ endblock }}
{{ block content }}

    
    <div class="container">
        <div class="panel info">
            <p>
            Please assign to which extend you agree with the following statements:
            </p>
    </div>


    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                    Rules and laws should only be followed when they maximize happiness.
                </p>

                I would:

                <div><a style="display: inline-block">{% formfield player.consequentialist_scale_1 label="" %}</a></div>
            </div>
        </div>
    </div>



    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                    When deciding what action to take, the only relevant factor to consider would be the outcome of the action.
                </p>

                I would:
                <div><a style="display: inline-block">{% formfield player.consequentialist_scale_2 label="" %}</a></div>
            </div>
        </div>
    </div>



    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                    Some rules should never be broken.
                </p>

                I would:
                <div><a style="display: inline-block">{% formfield player.consequentialist_scale_3 label="" %}</a></div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content">
                <p>
                    It is never morally justified to cause someone harm.
                </p>

                I would:
                <div><a style="display: inline-block">{% formfield player.consequentialist_scale_4 label="" %}</a></div>
            </div>
        </div>
    </div>




    <div class="container">
        <div class="panel info">
            <p>
                When you have chosen all of your answers press the &ldquo;Confirm&rdquo; button.
            </p>
        </div>

        <div class="right">
            <button name="Confirm" value="True" class="btn btn-primary btn-large">Confirm</button>
        </div>
    </div>


{{ endblock }}