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

{% block title %}
#10 You and your partner will never know each other's identities
{% endblock %}

{% block content %}

<div class="card bg-light instructions">
    <div class="card-body">


        <b> You are P2: </b>
        You and P1 have TK.100 each
        from GAIN to support your individual businesses. You can
        earn more by partnering with P1 in an investment. For this investment, <b> P1 has sent you {{group.sent_amount}}
        which has been tripled to
        become {{tripled_amount}}. </b>
    <p></p>

        <b> P1 has requested that you send him/her {{group.amount_demanded}} out of the {{tripled_amount}} back. </b>
        But you can also choose to transfer back to P1 <u> any amount you want</u>.
        <b>Remember you lose whatever you transfer to P1 and it
        becomes part of his/her money</b> <p></p>

        However, <b> at the end of this study, we will randomly choose 10 people and if any of them
            refused to send back the amount requested by their P1 (i.e. If they deviated), we will fine them.
            The fine will be
            equal to the amount you refused to send plus 30 TK of your own money.</b>

       <!-- <b> You will earn </b>:The {{Constants.endowment}}
        you have from GAIN plus the additional {{tripled_amount}} you have received,
        minus what you choose to send back to P1. If you deviate and you are selected
        we will also take out the fine from your earnings.
         <p></p><b>Earnings for P1</b>: will be the {{less_endowment}} he/she has remaining, plus what you
        choose to send him/her back. Given this information, how much
        would you like to send P1?

    </p> -->

        {% formfield group.sent_back_amount %}
       <p>

    </p>


</div>
</div>
               <p></p>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Next
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Please confirm your decision </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p> Is this your final decision?
	<tr>
	<td  id=“lane”></td></p>
	</tr>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
        <button class="btn btn-primary">Yes</button>
      </div>
    </div>
  </div>
</div>
</div>
</div>



 <script src="{% static "COP_Experiment/Basic.js" %}"></script>


{% endblock %}