{% extends "ultimatum/Page.html" %}

{% block title %}
<div align="center">
    <h3 class="var_title">あなたは「配り手」です</h3>
</div>
{% endblock %}
{% block content %}

<br>
<div align="center">
    <p>
        &nbsp;&nbsp; &nbsp;&nbsp;
        スライダーを操作して、 <br>{{ C.endowment }}の中から<u>相手にいくら渡すか</u>を決めてください。
    </p>
    <br>


    0
    <input type="range" id="proposal" name="proposal" min="0" max="1000" step="10" oninput=" document.getElementById('output1').value=this.value,
        document.getElementById('output2').value=(1000 - this.value);">
    1000


    <br><br>
    相手に<b><output id="output1">500</output></b>円、自分は<b><output id="output2">500</output></b>円<br>

    <br>
    <button id="btn" class="btn btn-primary" onclick="return confirm('本当にこの配分で良いですか？')">この配分で確定する</button>
</div>




{% endblock %}