{{ block title }}
Part 2
{{ endblock }}
{{ block content }}

<style>
    .slider_label{
        width: 7%;
    }
    p {
        text-align: justify;
    }
</style>
<p>

    You just indicated that you believe that Person B’s transfer would lie between <span class="fw-bold">{{player.decision1_A_min}} and {{player.decision1_A_max}}</span>.
    What do you think the <span class="fst-italic">chance</span> is that Person B’s transfer actually lies between <span
        class="fw-bold">{{player.decision1_A_min}}</span> and <span class="fw-bold">{{player.decision1_A_max}}</span>? (remember that “Person B’s transfer” here refers to
    the average amount transferred by all Person B’s in this session).
</p>
<p>

    If this is your <span class="fst-italic">decision-that-counts</span>, you can earn an additional CZK 200 based upon
    your answer. You have an incentive to tell us the truth.
</p>
<p>

    Move the slider below to indicate how you'd answer the following: "I believe there is a ___% chance of the transfer
    lying between <span class="fw-bold">{{player.decision1_A_min}} and {{player.decision1_A_max}}</span> ”
</p>

<table class="table table-bordered text-md-center">
    <tr>
        <td style="width: 20%" rowspan="2">
            The chance with which Person B’s transfer lies between <span class="fw-bold">{{player.decision1_A_min}} and {{player.decision1_A_max}}</span>
        </td>
        <td style="width: 5%; margin-left: 1em;padding-left: 0.2em">
            0
        </td>
        <td  class="slider_label">
            10
        </td>
        <td  class="slider_label">
            20
        </td>
        <td  class="slider_label">
            30
        </td>
        <td class="slider_label">
            40
        </td>
               <td class="slider_label">
            50
        </td>
        <td class="slider_label">
            60
        </td>
        <td class="slider_label">
            70
        </td>
        <td class="slider_label">
            80
        </td>
        <td class="slider_label">
            90
        </td>
        <td style="width: 5%; margin-right: 1em;padding-left: 0.2em">
            100
        </td>

    </tr>
    <tr>
        <td colspan="11"><input type="range" value="0" min="0" max="100" step="10" list="tickmarks"
                                style="width: 100%"
                                onfocus="tableClick(this)" id="slider" name="decision2_A">
        </td>
    </tr>
</table>



{{include 'p2/why_truth.html'}}

<div class="float-end row">
    <button class="otree-btn-next btn btn-primary btn-danger">Next</button>
</div>


{{ endblock }}