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

{% block title %}
#14 Your partner's identity will be revealed at the end of the study.
{% endblock %}

{% block content %}

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


             <b> You are P2:
        Now you are playing with someone whose identity will be revealed to you after the study. They will also
          know who you are </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>

        <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 %}