{{ block title }}
Part 2
{{ endblock }}
{{ block content }}
<style>
    .input-field {
        width: 10%;
    }

    .description {
        width: 85%;
        vertical-align: bottom;
        margin-right: 10px;
    }

    .percentage {
        width: 5%;
    }

    .input_prob {
        text-align: right;

    }

        .input_prob_2 {
        text-align: right;

    }

    p {
        text-align: justify;
    }
</style>
<p>
    You just told us that you think there is a <span class="fw-bold"> {{player.decision2_A}}</span>% chance that Person
    B’s transfer in Part
    1 lies between
    <span class="fw-bold">{{player.decision1_A_min}} and {{player.decision1_A_max}}</span>.
    Now we
    are curious about what you think the chances are that Person B’s transfer lies somewhere else. Each of the rows
    below is a different decision, and one of them could be drawn as the <span
        class="fst-italic">decision-that-counts</span>
    . If one of the rows is the
    decision-that-counts, you could earn an additional CZK 200 based upon your answer. You have an incentive to tell the
    truth.
</p>
<p>
    Please indicate the chance, in percentage, that Person B’s transfer in Part 1 lies in the intervals below, where 0
    means that there is no chance you believe the transfer lies in that interval and 100 means you are 100% sure the
    transfer lies in that interval. Note that the percentages you give must total to 100%.
</p>
<p class="fw-bold">
    Start by entering what you already told us: There is a {{player.decision2_A}} % chance that Person B’s transfer lies
    between {{player.decision1_A_min}} and {{player.decision1_A_max}}.
</p>
<div class="row justify-content-center">
    <div class="col-8">
        <table class="table table-borderless align-content-center" style="">
            {{if player.treatment == "T1" or player.treatment == "T1_B"}}
            <tr>
                <td class="description">
                    Chance the average lies between -75 and -50
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" maxlength="2" type="number" class="input_prob"
                           id="id_decision3_A1" max="100" min="0"
                           name="decision3_A1"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between -49 and -25
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A2"
                           max="100" min="0" name="decision3_A2"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between -25 and -1
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A3"
                           max="100" min="0" name="decision3_A3"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            {{endif}}
            <tr>
                <td class="description">
                    Chance the average lies between 0 and +25
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A4"
                           max="100" min="0" name="decision3_A4"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +26 and +50
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A5"
                           max="100" min="0" name="decision3_A5"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +51 and +75
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A6"
                           max="100" min="0" name="decision3_A6"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +76 and +100
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A7"
                           max="100" min="0" name="decision3_A7"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +101 and +125
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A8"
                           max="100" min="0" name="decision3_A8"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +126 and +150
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A9"
                           max="100" min="0" name="decision3_A9"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +151 and +175
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A10"
                           max="100" min="0" name="decision3_A10"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +176 and +200
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A11"
                           max="100" min="0" name="decision3_A11"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +201 and +225
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A12"
                           max="100" min="0" name="decision3_A12"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description">
                    Chance the average lies between +226 and +250
                </td>
                <td class="input-field">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob" id="id_decision3_A13"
                           max="100" min="0" name="decision3_A13"
                           required="" value="">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>
            <tr>
                <td class="description" style=" border-top: 1px solid black;">
                    <b>Total</b>
                </td>
                <td class="input-field" style=" border-top: 1px solid black;">
                    <input onchange="recalculateTotal(this)" type="number" class="input_prob_2" id="id_decisions_total"
                           disabled="true" max="100" min="0"
                           name="id_decisions_total"
                           required="" value="0">
                </td>
                <td class="percentage">
                    %
                </td>
            </tr>

            <script>


            </script>

        </table>
    </div>
</div>
<h5 class="alert-danger" id="error_msg"></h5>
<script>
    function recalculateTotal(e) {
        //
        let input_elements = document.getElementsByClassName('input_prob')
        let total = 0
        for (const x of input_elements) {
            if (x.value === "") {
            } else {
                total =  parseInt(total) + parseInt(x.value)
            }
        }
        document.getElementById('id_decisions_total').value = total.toString();
    }
    let prev_decision = {{player.decision1_A}}
    let prev_decision_prob = {{player.decision2_A}}
    let prefilled_field = document.getElementById('id_decision3_A'+prev_decision.toString())
    prefilled_field.value = prev_decision_prob
    prefilled_field.disabled = true
    console.log(prefilled_field)


    $('#form').submit(function (evt) {
        let total_value = document.getElementById('id_decisions_total').value
        if (parseInt(total_value) === 100) {
            // value not 100

        } else {
                        document.getElementById('error_msg').innerText = "Your entered chances are no summing up to 100%!"

            evt.preventDefault();
        }
        //console.log(prev_decision, prev_decision_prob, entered_value, 'id_decision3_A'+prev_decision.toString())
    })
</script>
{{include 'p2/why_truth.html'}}
<div class="float-end row">
    <button class="otree-btn-next btn btn-primary btn-danger">Next</button>
</div>

{{ endblock }}