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

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

          </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 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>



 <script src="{% static "COP_Experiment/Basic.js" %}"></script>





{% endblock %}