{% block content %}
{% load otree static %}

<h1>Instructions</h1>

<div class="container p-3 my-3 border" style="font-size:12pt">
  <h2> <span style="font-size:18pt">Example Situation</span> </h2>
      <p>
          <b> Example </b>
           <br>
           <br>
          Person A is sitting in a cafeteria near the university. Person A notices that another person has left his wallet
          on the table. Person A has to decide what to do. Person A has to choose from four possible actions:
          <br>
          <br>
                <ul>
                    <li>Take the wallet and keep it;</li>
                    <li>Ask other guests if the wallet belongs to one of them;</li>
                    <li>Leave the wallet there;</li>
                    <li>Give the wallet to the manager of the cafeteria.</li>
                </ul>
          <br>
          <br>
            For each action, evaluate according to the <b>opinion of the society</b> and independently of your own opinion,
            whether it is appropriate or not choose it. “Appropriate” behavior means the behavior that you consider
            most people would agree upon as being “correct” or “moral”. (Add Reminder payment)
          <br>
          <br>
            You can choose from a scale with six points.
            <br>
            <br>
                <ul>
                    <li>Very inappropriate</li>
                    <li>Inappropriate</li>
                    <li>Rather inappropriate</li>
                    <li>Rather appropriate</li>
                    <li>Appropriate</li>
                    <li>Very appropriate</li>
                </ul>
 </p>
        You will evaluate the actions using a table. To evaluate the behavior you have to mark the corresponding option.
        Please give an evaluation for each of the actions.
        <br>
        <br>
        Assume, for example, that you evaluate:
        <br>
        <br>
         <ul>
                <li>Taking and keeping the wallet as very inappropriate</li>
                <li>Asking other guests if the wallet belongs to them as appropriate</li>
                <li>Leaving the wallet there as rather inappropriate </li>
                <li>Giving the wallet to the manager of the cafeteria as very appropriate </li>
            </ul>
        You would insert the following evaluations.
        <br>
        <br>
         <img src="https://i.imgur.com/gjNbmGs.png" width="750px" height="250px" />
      <p>
          <br>
         <br>
        After clicking on “next”, the description of the actual situations that you have to evaluate will follow.

 </p>
    <button name="btn_submit" value="True" class="btn btn-primary" style="float: right;">
             <span style="font-size:14pt">Next</span>
            </button></div>

{% endblock %}