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

{% block title %}
    Question 2
{% endblock %}

{% block content %}
 <div style="font-size:20px;">
    <br><br>
    Great Job!
     <br><br>
     If your reservation wage is <strong>6</strong>, and you did get a job. Your potential wage rate would be <strong>6, 7, 8, 9, 10</strong>.
     <br><br>
     The probability of getting each wage rate offers would be equally at 10%.
     <br><br>
     The averaged wage rate would be <strong>(6+7+8+9+10)/5 = 8</strong>
     <br><br>
        You will proceed to the next job search sessions only after you answer the next question correctly.
        <br><br>
        (You can see instructions again here after clicking the button.)
    <br><br>
     Suppose your reservation wage is  <strong>4</strong>, and you do find a job.
     <br><br>
     <strong>What is the averaged wage rate of the job you got?</strong>
             <br><br>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 1</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 2</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 3</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 4</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 5</button>
        <br><br>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 6</button>
        <button class="otree-btn-next btn btn-primary">Wage Rate 7</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 8</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 9</button>
        <button class="otree-btn-next btn btn-primary" type="button">Wage Rate 10</button>
<!--    {% formfields %}-->
<!--            <button class="otree-btn-next btn btn-primary">Wage Rate</button>-->
      <br><br><br>
        <button id="btn_reminder" class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collpaseExample" aria-expanded="false" aria-controls="collapseExample">
        Instruction (show/hide)
        </button>
    </div>
        <div class="collapse" id="collapseExample">
            <div style="font-size:20px;">
        <br>
        <p>
       Suppose you have just lost your job, and now you are looking for a new job. In this process, you should consider:
            <ol>
                <li>
                    <strong>The minimum wage you are willing to accept.</strong>
                </li>
                <li>
                    How much effort you would put in looking for jobs. (<strong>How many jobs you will look for.</strong>)
                </li>
            </ol>
        </p>
        You will be able to look for jobs for 20 rounds.
        <p>
            <ol>
                <li>
                    If you fail to find a job in one round, you move to the next.
                </li>
                <li>
                    <strong>Once you find the job, the job search will end.</strong>
                    <ol>
                        <li>
                            <strong>Your earnings from new job equals to the wage rate multiplied by the rest of rounds (including the current round)</strong>.
                        </li>
                    </ol>
                </li>
            </ol>
        </p>
            Let us think about what you have when looking for jobs:
        <p>
            <ol>
                <li>
                    You have some money in your account that you borrow from others. <strong>(You have to return them after finishing job search)</strong>
                </li>
                <li>
                    Looking for jobs has a cost, and the cost depends on how many jobs you are looking for.
                </li>
                <li>
                    You may have Unemployment Insurance benefit for a period of time, and the amount and duration will vary.
                    <ol>
                        <li>
                            However,<strong>you won't have Unemployment Insurance anymore if you find a new job</strong>.
                        </li>
                    </ol>
                </li>
            </ol>
        </p>
        Finally, your earned points will be converted into U.S. dollars and rounded into integer <strong>(10 points = 1 dollar)</strong>.
        <br><br>
        Any negative point will be converted into <strong>0</strong> finally.
        <br><br>
        </div>
    </div>

        <script>
            $('#btn_reminder').click(function() {
            $('#collapseExample').toggle();
           // $(this).html( $(this).html() == 'Show instructions' ? 'Hide instructions' : 'Show instructions' );
            });
        </script>


{% endblock %}