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

{% block title %}
    Feedback Page
{% endblock %}

{% block content %}

<div class="boxed">

    <p class="trans">You shared ${{ player.share|floatformat:2 }} with Player B.</p>
     

{% if r_num == Constants.part_3_length %}
  <p class="trans">
  Player B from <span style="font-weight:bold;">the current round</span> had a chance to send you a message. 
  Here is the message:
  </p>  
  <p class="trans" style="font-weight:bold; text-align:center; font-style: italic; color:red;">{{ text_from_B }}</p>
        <hr style="width:50%;">

   <p style="font-weight:bold; font-size: 18px;"> How much do you want to share with Player B from 
      {% if outcome == 1 %}
         ${{ win_outcome|floatformat:2 }}?
        {% else %}
        ${{ loss_outcome|floatformat:2 }}?
      {% endif %}
    
    <input id="share_update_id"  name="share_update" style="text-align:center; width:50pt;"/>

    </p>
    <p style="line-height: 1pt">(If you do not want to update your shared amount you can enter the same number.)<p>
    <hr style="width:50%;">
    
    <button type="button" id="final_outcome" onclick="check_valid({{ final_outcome|safe }})"  class="otree-btn-next btn btn-primary">Update Shared Amount</button>

{% else %}

    <p class="trans">If this round is selected for payment, you will receive ${{ your_share|floatformat:2 }} from this part.</p>

    <hr style="width:50%;">
    
     {% next_button %}
{% endif %}





    
</div>


{% endblock %}


{% block scripts %}

    <script>

 
            function check_valid(max_share){
            var answ = document.getElementById("share_update_id");
            var max_share = max_share

            if( answ.value == ""){
                alert("Please enter how much you are willing to share with Player B!");
                
                }
            else if (answ.value > max_share){
            alert("Shared amount should be from 0 to "+max_share.toString()+"!");
            }
            
            else if (answ.value < 0){
            alert("Shared amount should be from 0 to "+max_share.toString()+"!");
            }
                
            else{
                document.querySelector("form").submit();
            }
            }
            
    </script>
{% endblock %}



{% block styles %}
    <style>
 
        
        p.trans{
            font-size: 18px; 
            text-align: justify;
                
                }
        ul.trans{
            font-size: 18px; 
            text-align: justify;
                
                }                
        
    </style>
{% endblock %}