{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block title %}
Question {{round}} <hr>
{% endblock %}

{% block content %}

{% if round_wine == 1 %}
<p>
    In the following decisions, you will <b>choose between two bottles of wine</b>. Assume you consider
buying one of the wines as a gift for a person who you know likes white wine.</p>

<p>Both of these wines usually sell for $25. However, the wines potentially differ in quality and in the discount that the seller offers.<br>
    These discounts are unrelated to the quality of the wine.</p>
{% endif %}
<p>Please pick the option that you prefer:</p>

    <table class="table table-bordered" style="border-spacing: 0">
        <colgroup>
            <col width="25">
            <col width="30%">
            <col width="10%">
            <col width="30%">
        </colgroup>
        <tr>
            <td></td>
            <td align="center">Option A</td>
            <td></td>
            <td align="center">Option B</td>
        </tr>

        <tr>
<td style="text-align: right">
    Wine: <br>

Regular price:<br>
Discount: </td>
            <td style="text-align: center">Premium Chardonnay<br>
<b>${{player.specification.1}}</b> <br> <b>{{player.specification.2}}</b>
               </td>
            <td  align="center" style="vertical-align: middle; padding-top: 20px; padding-bottom: 20px">
                    <input type="radio" name="choice_wine" value="A"
                           required >&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                    <input type="radio" name="choice_wine"
                           value="B"
                           required >
                </td>
           <td style="text-align: center">Standard Chardonnay<br>
               <b>${{player.specification.3}}</b><br> <b>{{player.specification.4}}</b>

           </td>
        </tr>

    </table>

<div style="text-align: right;">
    {% next_button %}
</div>
{% endblock %}