{% 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">
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">

       <h5> There is a 50-50 chance that the computer will either triple the amount you send to P2, or turn it to 0.
        Whatever amount P2 receives, P2 will then decide how much of it to send back to you. <P></P>
      P2 also knows about this 50-50 chance of the computer turning the investment into 0.If P2 receives 0,
        P2 will not know whether the computer turned your investment into 0, or whether you sent 0 to P2.
        If P2 receives some positive amount, P2 will know that you sent one third of this amount and that
          the computer tripled the amount you sent. </h5>

</div>
</div>
        {% 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 your P1 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 %}