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

{% block title %}
 Task {{round}} of {{num_q}} <hr>
{% endblock %}

{% block content %}

    <!--<p>In each of the rows below please indicate whether you prefer Option A or Option B.</p>-->

    {% if player.endowment > 0 %}    <p><b>Your budget for this decision is {{ endowment }}.</b></p> <br> {% endif %}

    <table class="table table-bordered" style="border-spacing: 0; width: 100%">
        <colgroup>
            <col width="40%">
            <col width="15%">
            <col width="40%">
        </colgroup>
        <tr>
            <td align="center"><b>Option A</b></td>
            <td></td>
            <td align="middle"><b>Option B</b></td>
        </tr>
{% for counter, amount, absamount in player.right_side_amounts1 %}

     {% if counter == 1 %}
        <tr>


	  <td style="vertical-align: middle; text-align: center" rowspan="{{table_length1}}">
      

	    {% for prob, sum, abssum in player.current_lottery %}
      
                   With probability <b>{{ prob }}% : </b>
                    {% if sum  > 0 %}
                     <b style="color: green">Get</b>
                   {% elif sum < 0 %}
                     <b style="color: red;">Lose</b>
                  {% elif sum == 0 and player.lottery_amount > 0 %}
                     <b>Get</b>
                  {% elif sum == 0 and player.lottery_amount < 0 %}
                     <b>Lose</b>
                    {% endif %}

		     <b>$ {{ abssum }}</b> <br><br>

		     {% endfor %}

	  </td>



               <td align="middle" style="padding-top: 1px; padding-bottom: 1px">

		 <input type="radio" name="amount_{{ amount }}" value="left">&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;

		 <input type="radio" name="amount_{{ amount }}" value="right" data-amount="{{ amount }}">

	       </td>
	       
                <td align="middle" style="padding-top: 1px; padding-bottom: 1px">
                    {%  if amount > 0 %}
                    With certainty: <b style="color: green">Get</b>
                        {%  elif amount < 0  %}
                    With certainty: <b style="color: red">Lose</b>
                          {% elif amount == 0 and player.lottery_amount > 0 %}
                    With certainty: <b>&nbsp;&nbsp;Get</b>&nbsp;
                  {% elif amount == 0 and player.lottery_amount < 0 %}
                    With certainty: <b>&nbsp;&nbsp;Lose</b>&nbsp;
                        {%  endif %}

                    <b>$ {{ absamount }} &nbsp;</b>
                </td>
            </tr>
{% else %}
          <tr>
                <td align="middle" style="padding-top: 1px; padding-bottom: 1px">
                    <input type="radio" name="amount_{{ amount }}" value="left"
                           required >&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                    <input type="radio" name="amount_{{ amount }}"
                           value="right" data-amount="{{ amount }}"
                           required >
                </td>
                <td align="middle" style="padding-top: 1px; padding-bottom: 1px">
  {%  if amount > 0 %}
                    With certainty: <b style="color: green">Get</b>
          {%  elif amount < 0  %}
                    With certainty: <b style="color: red">Lose</b>
                          {% elif amount == 0 and player.lottery_amount > 0 %}
                    With certainty: <b>Get</b>
                  {% elif amount == 0 and player.lottery_amount < 0 %}
                    With certainty: <b>Lose</b>
                        {%  endif %}                    <b>$ {{ absamount }}</b>
                </td>
            </tr>
{% endif %}
{% endfor %}
    </table>

<!--    {{ form.errors }} -->
    <input type="hidden" name="switching_point" id="switching_point">

<div style="text-align: right;">
  <button class="btn btn-primary" onclick="myFunction()">Next</button>
</div>
{% endblock %}

{% block scripts %}
    <script src="{% static 'global/select_switching_row.js' %}"></script>
    <script src="{% static 'global/pricelist_disc.js' %}"></script>



{% endblock %}