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

{% block title %}
Your partner will never 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> We will not reveal the identity of P2, nor will we reveal your identity to P2. </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" > -->
            <h5> In addition, you can request back any amount from P2, as long as it is not more than the tripled
              amount P2 will receive from you. Even though you can request some money, P2 can send less than the
              amount you request.  <p></p>

              If P2 sends the entire amount you request, then you will receive that amount and P2 will
              keep any amount remaining.<p></p> But if P2 sends you back any amount less than what you request,
              then the computer will flip a coin. If the computer coin lands on heads, you will receive back
              only what P2 decided to send you and P2 will keep the remaining amount. <p></p> If the computer coin
              lands on tails, then the computer will send you back the entire amount you requested.
            <font color="red">  In addition, the computer will take an extra {{Constants.fine}} from P2 out of his/her {{Constants.endowment}}
              from the investor. <</font> This money will serve as a fine. It will be returned to the research study
        account and no player will receive this {{Constants.fine}} </h5>

          </div>
</div>

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

        {% formfields %}
               </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">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>

{% endblock %}