{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block title %}
    Part 4 Block 2: Round {{round_num}} Step 3
{% endblock %}

{% block content %}


     <div class="boxed">
    <p style="line-height: 10px;">The computer selected for you: <b>{{ comp_choice|slice:"9" }}</b> {{ comp_choice|slice:"9:" }}</p>
    <p>In step 1, you selected for yourself: <b> {{your_choice|slice:"9"}}</b> {{your_choice|slice:"9:"}}</p>
        
    
    <hr>
     

    <p>The maximum price you are willing to pay is <strong> {{player.max_payment|floatformat:2}} </strong></p>
    <p style="line-height: 10px;">The computer price is <strong>{{player.comp_draw_p4_pay|floatformat:2}} </strong></p>
    
    <hr>
    
    <p><b><font color="#186A3B">Since the computer price is {% if player.max_payment > player.comp_draw_p4_pay %} <b><font color="red">LOWER</font></b>, then your maximum willingness to pay, you
    will work on Option chosen by you <b><font color="green"> {{ your_choice|slice:"8" }}</font></b> and pay {{player.comp_draw_p4_pay|floatformat:2}}  {% elif player.max_payment <= player.comp_draw_p4_pay %} <b><font color="red">HIGHER</font></b>, then 
    then your maximum willingness to pay, you will work on Option chosen by the computer <b><font color="red">{{comp_choice|slice:"8"}}</font></b> and pay nothing {% endif %}</font></b></p>

    </div>
    {% next_button %}
      
  {% include "treatment_1/type.html" %}  

{% endblock %}