{{ block title }}
Decision Making Task
{{ endblock }}
{{ block content }}

<p>
    Choose a distribution between yourself
    and the other participant <b>by adjusting the slider</b>.
</p>

<div class="input-group">
    <input type="range" name="choice" min="0" max="8" class="form-range" oninput="sliderMoved(this)">
</div>

{{ next_button }}

{{ include Constants.CHART_TEMPLATE }}

<script>
    function sliderMoved(input) {
        let idx = parseInt(input.value);

        let row = js_vars.rows[idx];
        let to_self = row.to_self;
        let to_other = row.to_other;
        redrawChart(to_self, to_other);
    }


</script>

{{ endblock }}