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

{% block title %}
    Result of the dispute resolution procedure
{% endblock %}

{% block content %}

<div class="container" style="top:20px; position:relative;">
    <div class="row">
        An algorithm based on moves of both parties suggests a settlement of £{{group.settlement}}.<br>
        Do you accept this settlement?
    </div>
    <div class="row">
        <div class="form-group">
            <label class="col-form-label" for="settlement_accepted">Settlement accepted:</label>
                <div class="controls  field-settlement_accepted">
                    <ul id="settlement_accepted">
                        <li>
                            <label for="settlement_accepted_0">
                                <input type="radio" name="settlement_accepted" value="1"
                                    required id="settlement_accepted_0" class="form-check-input">
                                Yes
                            </label>
                        </li>
                        <li>
                            <label for="settlement_accepted_1">
                                <input type="radio" name="settlement_accepted" value="0"
                                    required id="settlement_accepted_1" class="form-check-input">
                                <abbr title="A moderator will enforce a settlement and will charge a commission on top">No and consult a mediator</abbr>
                            </label>
                        </li>
                    </ul>
                </div>
        </div>
    </div>
</div>

<button type="submit" class="btn btn-primary" style="position: relative; top: 30px;">Submit</button>
{% endblock %}