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

{% block title %}
Your partner is the computer (not a member of the COP)
{% endblock %}

{% block content %}

<div class="card bg-light instructions">
    <div class="card-body">
<h10> <b> You are P1: </b>

          <h4> <font color="green" > You are P1 and you are playing with a computer (P2) that mimics the decisions of an
              average entrepreneur in Kenya.  </font> </h4>

    </div>
</div>

<div class="card bg-light instructions">
    <div class="card-body">
        You and P2 (the computer) 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 (the computer) for a joint investment.
        You can send to P2 (the computer) 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 (the computer), or turn it to 0.
        Whatever amount P2 (the computer) receives, P2 (the computer) 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 (the computer) receives 0,
        P2 will not know whether the computer turned your investment into 0, or whether you sent 0 to P2.
        If P2 (the computer) receives some positive amount, P2 (the computer) 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 partner is the computer</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 %}