{{ block title }}Your payment {{ endblock }}
{{ block content }}
    <div>
        {{ if random_question == 1 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy1}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_1.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dy1}} dollars
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egx_1_{{ payment_row }}"
                               checked
                               disabled
                               required >
                        <input type="radio"
                               name="egx_1_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} pieces of chocolate
                </tr>
            </table>
            </font>

            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy1}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_1.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dy1}} dollars
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egx_1_{{ payment_row }}"
                               disabled
                               required >
                        <input type="radio"
                               name="egx_1_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} pieces of chocolate
                </tr>
            </table>
            </font>

            {{ endif }}
        {{ endif }}

        {{ if random_question == 2 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx1}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>

                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_1.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx1}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_1_{{ payment_row }}"
                               checked
                               disabled
                               required >
                        <input type="radio"
                               name="egy_1_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>

            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx1}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_1.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx1}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_1_{{ payment_row }}"
                               disabled
                               required >
                        <input type="radio"
                               name="egy_1_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>

            {{ endif }}
        {{ endif }}

       {{ if random_question == 3 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>

                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy2}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_2.png' }}" style="width: 750px" align="middle"/>

                </p>

                <table class="table table-striped">
                    <colgroup>
                        <col width="4%">
                        <col width="42%">
                        <col width="14%">
                        <col width="42%">
                    </colgroup>
                    <tr>
                        <td align = "middle"><b>Row Number</b> </td>
                        <td align="right"><b>Choose Option A</b></td>
                        <td></td>
                        <td align="left"><b>Choose Option B</b></td>
                    </tr>

                    <tr>
                        <td align = "middle"> {{ payment_row }} </td>
                        <td align="right">
                           Option A: extra {{Constants.dy2}} dollars
                        <td align="middle">
                            <input type="radio"
                                   value="left"
                                   name="egx_2_{{ payment_row }}"
                                   checked
                                   disabled
                                   required >
                            <input type="radio"
                                   name="egx_2_{{ payment_row }}"
                                   value="right"
                                   data-amount="{{ payment_row }}"
                                   disabled
                                   required>
                        </td>
                        <td align="left">
                            Option B: extra {{payment_row}} pieces of chocolate
                    </tr>

                </table>
                </font>

            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>
        
                <br><br>
                <font size="2">
                <p>

                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy2}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_2.png' }}" style="width: 750px" align="middle"/>

                </p>

                <table class="table table-striped">
                    <colgroup>
                        <col width="4%">
                        <col width="42%">
                        <col width="14%">
                        <col width="42%">
                    </colgroup>
                    <tr>
                        <td align = "middle"><b>Row Number</b> </td>
                        <td align="right"><b>Choose Option A</b></td>
                        <td></td>
                        <td align="left"><b>Choose Option B</b></td>
                    </tr>

                    <tr>
                        <td align = "middle"> {{ payment_row }} </td>
                        <td align="right">
                           Option A: extra {{Constants.dy2}} dollars
                        <td align="middle">
                            <input type="radio"
                                   value="left"
                                   name="egx_2_{{ payment_row }}"
                                   disabled
                                   required >
                            <input type="radio"
                                   name="egx_2_{{ payment_row }}"
                                   value="right"
                                   data-amount="{{ payment_row }}"
                                   checked
                                   disabled
                                   required>
                        </td>
                        <td align="left">
                            Option B: extra {{payment_row}} pieces of chocolate
                    </tr>

                </table>
                </font>
            {{ endif }}
       {{ endif }}

        {{ if random_question == 4 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx2}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>

                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_2.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx2}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_2_{{ payment_row }}"
                               checked
                               disabled
                               required >
                        <input type="radio"
                               name="egy_2_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>
            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx2}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_2.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx2}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_2_{{ payment_row }}"
                               disabled
                               required >
                        <input type="radio"
                               name="egy_2_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>

            {{ endif }}
        {{ endif }}

      {{ if random_question == 5 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>

                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy3}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_3.png' }}" style="width: 750px" align="middle"/>

                </p>

                <table class="table table-striped">
                    <colgroup>
                        <col width="4%">
                        <col width="42%">
                        <col width="14%">
                        <col width="42%">
                    </colgroup>
                    <tr>
                        <td align = "middle"><b>Row Number</b> </td>
                        <td align="right"><b>Choose Option A</b></td>
                        <td></td>
                        <td align="left"><b>Choose Option B</b></td>
                    </tr>

                    <tr>
                        <td align = "middle"> {{ payment_row }} </td>
                        <td align="right">
                           Option A: extra {{Constants.dy3}} dollars
                        <td align="middle">
                            <input type="radio"
                                   value="left"
                                   name="egx_3_{{ payment_row }}"
                                   checked
                                   disabled
                                   required >
                            <input type="radio"
                                   name="egx_3_{{ payment_row }}"
                                   value="right"
                                   data-amount="{{ payment_row }}"
                                   disabled
                                   required>
                        </td>
                        <td align="left">
                            Option B: extra {{payment_row}} pieces of chocolate
                    </tr>

                </table>
                </font>

            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>

                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dy3}} dollars. </li>
                    <li> Option B contains some extra chocolates as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGx_3.png' }}" style="width: 750px" align="middle"/>

                </p>

                <table class="table table-striped">
                    <colgroup>
                        <col width="4%">
                        <col width="42%">
                        <col width="14%">
                        <col width="42%">
                    </colgroup>
                    <tr>
                        <td align = "middle"><b>Row Number</b> </td>
                        <td align="right"><b>Choose Option A</b></td>
                        <td></td>
                        <td align="left"><b>Choose Option B</b></td>
                    </tr>

                    <tr>
                        <td align = "middle"> {{ payment_row }} </td>
                        <td align="right">
                           Option A: extra {{Constants.dy3}} dollars
                        <td align="middle">
                            <input type="radio"
                                   value="left"
                                   name="egx_3_{{ payment_row }}"
                                   disabled
                                   required >
                            <input type="radio"
                                   name="egx_3_{{ payment_row }}"
                                   value="right"
                                   data-amount="{{ payment_row }}"
                                   checked
                                   disabled
                                   required>
                        </td>
                        <td align="left">
                            Option B: extra {{payment_row}} pieces of chocolate
                    </tr>

                </table>
                </font>
            {{ endif }}
       {{ endif }}

        {{ if random_question == 6 }}
            {{ if payment_question_choice == 'L' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <br><br>
                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx3}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>

                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_3.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx3}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_3_{{ payment_row }}"
                               checked
                               disabled
                               required >
                        <input type="radio"
                               name="egy_3_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>
            {{ endif }}

            {{ if payment_question_choice == 'R' }}
                <p>
                Your answer in row {{ payment_row }} of task {{ payment_question_order }} was selected for payment.
                Your choice in row {{ payment_row }} is shown as below. Therefore,
                your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
                </p>

                <font size="2">
                <p>
                If this task is the one that has been selected for payment, you will be given {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars.

                <br><br> In addition, you are offered to choose one of the two extra payments.
                <ul>
                    <li> In option A, you can get extra {{Constants.dx3}} pieces of chocolate. </li>
                    <li> Option B contains some extra dollars as shown in each row in the table below. </li>
                </ul>
                <br> Option A are preselected in all the rows. You can change to option B in any rows as you want.

                <br><br> If this task is the one that has been selected for payment, one of the row will be selected. Your payment will be {{Constants.x0}} pieces of chocolate
                and {{Constants.y0}} dollars plus the extra payment option you choose in the row.
                Since you do not know which row will be selected for extra payment, you should choose for each row as if it were the one row chosen for extra payment.
                <br><br>
                Please note that the chocolate flavor in the graph below are just example. You can choose different flavors as your want in the payment stage.
                <br>

                <img src="{{ static 'incomplete_preference/EGy_3.png' }}" style="width: 750px" align="middle"/>
                </p>

                <table class="table table-striped">
                <colgroup>
                    <col width="4%">
                    <col width="42%">
                    <col width="14%">
                    <col width="42%">
                </colgroup>
                <tr>
                    <td align = "middle"><b>Row Number</b> </td>
                    <td align="right"><b>Choose Option A</b></td>
                    <td></td>
                    <td align="left"><b>Choose Option B</b></td>
                </tr>
                <tr>
                    <td align = "middle"> {{ payment_row }} </td>
                    <td align="right">
                       Option A: extra {{Constants.dx3}} pieces of chocolate
                    <td align="middle">
                        <input type="radio"
                               value="left"
                               name="egy_3_{{ payment_row }}"
                               disabled
                               required >
                        <input type="radio"
                               name="egy_3_{{ payment_row }}"
                               value="right"
                               data-amount="{{ payment_row }}"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left">
                        Option B: extra {{ payment_row }} dollars
                </tr>
            </table>
            </font>

            {{ endif }}
        {{ endif }}


        {{ if  random_question <= 16 and random_question >= 7  }}
            <p>
                Task {{ payment_question_order }} was selected for payment. The task and your choice are shown below.
                Therefore, your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
            </p>


            <br><br>
            <font size="2">
            <p>
            If this task is the one that has been selected for payment, you will get {{ payment_question_bundle_1_x}} pieces of chocolate
            and {{ payment_question_bundle_1_y }} dollars.
            <br> <br> And you are provided the opportunity to trade this to an alternative option containing
            {{payment_question_bundle_2_x}} pieces of chocolate and {{payment_question_bundle_2_y}} dollars.
            </p>

            {{ if payment_question_choice_num == "1" }}
                <table class="table table-striped">
                    <colgroup>
                        <col width="10%">
                        <col width="90%">
                    </colgroup>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="a"
                               name="exchange_1"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left"> keep the bundle I have </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="b"
                               name="exchange_ab_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> change to the alternative option </td>
                    </tr>
                </table>
            {{ endif }}

            {{ if payment_question_choice_num == "2" }}
                <table class="table table-striped">
                    <colgroup>
                        <col width="10%">
                        <col width="90%">
                    </colgroup>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="a"
                               name="exchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> keep the bundle I have </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="b"
                               name="exchange_1"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left"> change to the alternative option </td>
                    </tr>
                </table>
            {{ endif }}
            </font>
        {{ endif }}

        {{ if random_question >= 17}}

            <p>
                The task {{ payment_question_order }} was selected for payment. The task and your choice are shown below.
                Therefore, your final payment is {{ payment_c }} pieces of chocolates and {{ payment_m }} dollars.
            </p>

            <font size="2">
            <p>
                If this question is selected for payment, you will get {{ payment_question_bundle_1_x }} pieces of chocolate
                and {{ payment_question_bundle_1_y }} dollars. And you can trade this to one of the other two options: option A and option B.
                <ul>
                    <li>Option A contains {{ payment_question_bundle_2_x }} pieces of chocolate and {{ payment_question_bundle_2_y }} dollars. </li>
                    <li>Option B contains {{ payment_question_bundle_3_x }} pieces of chocolate and {{ payment_question_bundle_3_y }} dollars.</li>
                </ul>
            </p>

            {{ if payment_question_choice_num == "1" }}

                <table class="table table-striped">
                    <colgroup>
                        <col width="10%">
                        <col width="90%">
                    </colgroup>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="a"
                               name="refexchange_1"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option A </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="b"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option B </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="c"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> No,keep the bundle I have </td>
                    </tr>
                </table>
            {{ endif }}
            {{ if payment_question_choice_num == "2" }}
                    <table class="table table-striped">
                    <colgroup>
                        <col width="10%">
                        <col width="90%">
                    </colgroup>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="a"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option A </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="b"
                               name="refexchange_1"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option B </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="c"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> No,keep the bundle I have </td>
                    </tr>
                </table>
            {{ endif }}

            {{ if payment_question_choice_num == "3" }}
                <table class="table table-striped">
                    <colgroup>
                        <col width="10%">
                        <col width="90%">
                    </colgroup>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="a"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option A </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="b"
                               name="refexchange_1"
                               disabled
                               required>
                    </td>
                    <td align="left"> Yes,change to option B </td>
                    </tr>
                    <tr>
                    <td align="middle">  <input type="radio"
                               value="c"
                               name="refexchange_1"
                               checked
                               disabled
                               required>
                    </td>
                    <td align="left"> No,keep the bundle I have </td>
                    </tr>
                </table>
            {{ endif }}
            </font>

        {{ endif }}

    </div>





{{ endblock }}