{% 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 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">
         <!-- <b><font color="red" > -->
            <h5> <font color="green" >  In addition, you can request back any amount from P2 (the computer), 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.</font>  <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 (the computer) 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 (the computer) decided to send you and P2 (the computer) 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="green" >  In addition, the computer will take an extra {{Constants.other_fine}} from P2 (the computer) 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 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 %}