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

{% block title %}
    Description of the Decision Task
{% endblock %}

{% block content %}
    {% if player.id_in_group == 1 %}

   <div class="text-center">
  <div class="row" >
    <div class="col-sm">
     <br><h4 style="color: purple">You </h4><br/>
      <img src="{% static "economic_decisionmaking/F1_s.png" %}">
    </div>
          <div class="col-sm">
     <br><h4 style="color: forestgreen"> The Renter </h4><br/>
      <img src="{% static "economic_decisionmaking/M1_s.png" %}">
    </div>
  </div>

        <div class="text-left"

        <br>
       As part of the decision task, you will <strong>first choose among three rental contracts</strong> to offer to the renter.</br>
       <br>Once the renter sees which contract you have offered him, <strong>he will choose one of two actions</strong>.</br>
       <br>His choice of action will determine your payoff.
        <br/>
       <br>Note that the renter can see the contract choices you have made <strong> before</strong> he makes his action choice.</br>
 <br>
       For instructions on how you will make decisions, please click on this link:<a href="https://docs.google.com/document/d/16r9rZQfbaoUQv6ZBQBKmJ-1Ye7vfNh_IWNRvzpBZ2fE/edit?usp=sharing" target="_blank"> <b> Click here for Instructions of the Decision Task </b> </a>
        <br/>
       <br> {% formfield player.ReadInst %}

   </div>
    {% else %}
        <div class="text-center">
  <div class="row">
    <div class="col-sm">
     <br><h4 style="color: forestgreen">You </h4><br/>
      <img src="{% static "economic_decisionmaking/M1_s.png" %}">
    </div>
          <div class="col-sm">
     <br><h4 style="color:purple"> The Owner</h4><br/>
      <img src="{% static "economic_decisionmaking/F1_s.png" %}">
    </div>
</div>
        <div class="text-left">
        <br>
            As part of the decision task,you will be renting an asset from the owner. Once you receive a contract from the Owner, <strong>you will choose one of two actions</strong>.</br>
            <br>Your choice of action will determine the output you produce using the asset and in turn your <b>net payoffs</b>, after taking your costs into consideration.
        <br/>
            <br> Note that you can see the contract choices the owner has made <strong>before</strong> you decide on your action choice.</br>

            <br>For instructions on how you will make decisions, please click on this link:<a href="https://docs.google.com/document/d/1XzxJwhg8GeIj1ZnU3WIoumI1ZZR36o2lgMhwEIKMPPw/edit?usp=sharing" target="_blank"> <b> Click here for Instructions of the Decision Task </b> </a>
        <br/>
        <br> {% formfield player.ReadInst %}
        <br>
        </div>
{% endif %}

    <div class="text-left">
    <br>
<button name="Proceed to Quiz" value="Next" >Proceed to Quiz</button>
    <br/>
    </div>

{% endblock %}