{{ extends "global/Page.html" }}


{% block scripts %}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>

    var sec = 0;

    var timer = setInterval(function () {
    document.getElementById("control_decision_time").value = ((sec+=100)/1000);}, 100);

    function checkwork(autosubmit){

        var checkflag = $("input:radio[name=control_decision]:checked").val();
        //alert(checkflag);

        if (checkflag == 0 || checkflag == 1) {
            document.getElementById("form").submit();
        } else {
            alert("Please make your decision by clicking the radio button next to the option you prefer.");
        }

    }


</script>

{% endblock %}

{% block styles %}

    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .res{
            font-size: large;}
        .resultlabel{
            color: #1B232F;
            font-size: large;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .resultlabelsm{
            color: #1B232F;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .norm{
            font-size: medium;
        }
        .ui-dialog-titlebar-close {display: none;}
        .ui-dialog-content {
            background-color: #f6f6f6;
            padding: 15px;
            border: #ebebeb;
            border-style: groove;
            border-width: 2px;
            line-height: normal;
        }
        .ui-dialog-buttonpane {
            text-align: right;
        }
        #dialog-exp {
            display: none
        }
        #dialog-message-1 {
            display: none
        }
        #dialog-message-2 {
            display: none
        }
        #dialog-message-3 {
            display: none
        }
        table, tr, td {
            border: none;
            padding: 3px;
            border-spacing: 3px;
        }
        .noborder table, .noborder tbody, .noborder td, .noborder th, .noborder tr
        {
            border: none;
        }


        .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>

{% endblock %}

{{ block title }}

{{ endblock }}

{{ block content }}


    <hr>

    <p>
        <span style="font-weight: bold">Decision</span>
    </p>

    <p>
        Please indicate your decision about whether to impose the minimum contribution requirement.
    </p>


    <table width="80%" cellspacing="2" cellpadding="2">
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
        <tr>
            <td width="5%" align="center"><input type="radio" name="control_decision" value="1"
                    id="id_control_decision_0" required /></td>
            <td width="95%" align="left">I will require each Worker 1, Worker 2, and Worker 3 to contribute at least
                $0.20 to their project.</td>
        </tr>
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
        <tr>
            <td width="5%" align="center"><input type="radio" name="control_decision" value="0"
                    id="id_control_decision_1" required /></td>
            <td width="95%" align="left">I will <span style="font-weight: bold">not</span> require each Worker 1, Worker 2, and Worker 3 to contribute at least
                $0.20 to their project.</td>
        </tr>
        <tr>
            <td width="5%" align="center">&nbsp;</td>
            <td width="95%" align="left">&nbsp;</td>
        </tr>
    </table>



    <hr>

    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Next</button>
    <input type="hidden" id="control_decision_time" name="control_decision_time">


{{ endblock }}