{{ block title }}
{{ endblock }}
{{ block content }}
<!–– Header ––>
<h2>Decision Round {{subsession.round_number}} of {{C.NUM_ROUNDS}}</h2>
<br>
<!–– Main Body ––>
<table border="2" width="100%">
    <tr>
        <td>
            <p>{{if subsession.round_number == 1}}{{else}}Last round you successfully claimed <strong>{{player.number3_previous}}</strong> tokens. {{endif}}There is a warning system that may send an alarm.</p><strong>
            {{if subsession.round_number == 1}}
            <br>
            {{else}}
            {{ if player.field_maybe_none('warning_message') == True }}
            {{ if player.field_maybe_none('threshold_previous') == False }}
            <p style="color:red">An alarm was sent in the previous round.</p>
            {{else}}
            <br>
            <br>
            <br>
            {{ endif }}
            {{else}}
            <p style="color:green">No alarm was sent in the previous round.</p>
            {{ endif }}
            {{ endif }}</strong>
        </td>
    </tr>
</table>
<br>
    <style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-show {
            text-align: center;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
    {{if player.round_number == 1}}
    <p>Click the bar to reveal the slider and decide how many tokens you claim in this round.</p>
    {{else}}
    <p>If you want to adjust the number of tokens you claim in this round, move the slider. If you do not want to adjust the number of tokens you claim, press “next”.</p>
    {{ endif }}
    <div id="sliders_here"></div>
    <script src="{{ static 'mgslider.js' }}"></script>
    <script>
        $(document).ready(function (event) {
            slider3 = new mgslider("number3", 0, 100, 1);
            slider3.recall = true; // Optional line to remember value across errors
            slider3.print(document.getElementById("sliders_here"));
        });
    </script>
{{ formfield_errors 'number3' }}
<br>
{{ next_button }}
{{ endblock }}