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


{% block title %}
Your partner will know your identity
{% endblock %}

{% block content %}

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



      <h10> <b> You are P1: </b>
           You are P1 and you are playing with P2- who is a member of the COP present in this room.
          <h4> <font color="red" > We will reveal your identity to P2 at the end of the study and P2's identity
              will be revealed to you as well  </font> </h4>

    </div>
</div>

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


You and P2 have each received {{Constants.endowment}} from an investor to support your individual businesses.
          You can earn more by sending some of your money to P2 for a joint investment. You can send to P2 either TK.0,
          {{Constants.endowment}}, or any amount in between TK.0 and {{Constants.endowment}}.
    </div>
</div>

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

          <b><font color="red" >  Any amount you send to P2
          will be tripled, and P2 will decide how much of the tripled money to send back to you.
          P2 can send you back any amount between TK.0 and the tripled amount resulting from what you now send to P2.

          </font>
          </div>
</div>

    </h10>


        {% formfields %}
               <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">Remember P2 will never know your identity </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 %}