{{ extends 'global/Page.html' }}
{{ block title }}Decision Page{{ endblock }}

{{ block content }}

<p>
    The product is <b>{{ product_description }}</b>.<br>
    Remember that the endowment of $10 is given in Task B.
</p>

<img src="{{ static product_img }}" style="max-width: 400px; max-height: 250px"/>

<table class = "table w-100">
    <tr>
        <th>Question #</th>
        <th> </th>
        <th>Option X</th>
        <th> </th>
        <th>Option Y</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Would you rather have:</td>
        <td>Product by paying $0.01</td>
        <td>or</td>
        <td>Nothing</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Would you rather have:</td>
        <td> Product by paying $0.02 </td>
        <td>or</td>
        <td>Nothing</td>
    </tr>
    <tr>
        <td><span>&#8942;</span></td>
        <td><span>&#8942;</span></td>
        <td><span>&#8942;</span></td>
        <td><span>&#8942;</span></td>
        <td><span>&#8942;</span></td>
    </tr>
    <tr>
        <td>999</td>
        <td>Would you rather have:</td>
        <td> Product by paying $9.99 </td>
        <td>or</td>
        <td>Nothing</td>
    </tr>
    <tr>
        <td>1,000</td>
        <td>Would you rather have:</td>
        <td> Product by paying $10.00 </td>
        <td>or</td>
        <td>Nothing</td>
    </tr>
</table>


{{ formfield 'decision' label="<b>At which price ($) would you switch?</b>"}}
<p>
    <i>Note: The value will be automatically rounded to two decimal places.</i>
</p>

<button class="otree-btn-next btn btn-primary">Submit</button>

{{ endblock }}