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

{% block title %}
    Job search -- Part A
{% endblock %}


{% block style %}

    <style>
         input {
              display: block;
              margin : 0 auto;
         }
    </style>

{% endblock %}


{% block content %}

    <style>
        .my_style {
            font-family: Georgia, serif;
            font-size: 16px;
            letter-spacing: 2px;
            word-spacing: 2px;
            color: black;
            font-weight: normal;
            text-decoration: none;
            font-style: normal;
            font-variant: normal;
            text-transform: none;
            }
    </style>


    <div class="text-center" style="font-size:20px;">
        <p>
            <br><br>
            Now you are in
            {% if round == 0 %}
                Round <strong>20</strong>
            {% else %}
                Round <strong>{{ round }}</strong> of <strong>20</strong>
            {% endif %}

            of
            {% if round == 0 %}
                Experimental Trial <strong>{{ search2 }}</strong>
            {% else %}
                Experimental Trial <strong>{{ search }}</strong>
            {% endif %}

            <br><br>
            Your current earning is
                {% if player.round_number < 101 %}
                    {% if player.round_number < 81 %}
                        {% if player.round_number < 61 %}
                            {% if player.round_number < 41 %}
                                {% if player.round_number < 21 %}
                                    {% if player.round_number == 1 %}
                                        <strong>{{ player.participant.vars.totalEarnings }} points</strong>
                                    {% else %}
                                        <strong>{{ player.participant.vars.totalEarnings }}</strong>
                                    {% endif %}
                                {% else %}
                                    {% if player.round_number == 21 %}
                                        <strong>{{ player.participant.vars.totalEarnings_2 }} points</strong>
                                    {% else %}
                                        <strong>{{ player.participant.vars.totalEarnings_2 }}</strong>
                                    {% endif %}
                                {% endif %}
                            {% else %}
                                {% if player.round_number == 41 %}
                                    <strong>{{ player.participant.vars.totalEarnings_3 }} points</strong>
                                {% else %}
                                    <strong>{{ player.participant.vars.totalEarnings_3 }} </strong>
                                {% endif %}
                            {% endif %}
                        {% else %}
                            {% if player.round_number == 61 %}
                                <strong>{{ player.participant.vars.totalEarnings_4 }} points</strong>
                            {% else %}
                                <strong>{{ player.participant.vars.totalEarnings_4 }}</strong>
                            {% endif %}
                        {% endif %}
                    {% else %}
                        {% if player.round_number == 81 %}
                            <strong>{{ player.participant.vars.totalEarnings_5 }} points</strong>
                        {% else %}
                            <strong>{{ player.participant.vars.totalEarnings_5 }}</strong>
                        {% endif %}
                    {% endif %}
                {% else %}
                    {% if player.round_number == 101 %}
                        <strong>{{ player.participant.vars.totalEarnings_6 }} points</strong>
                    {% else %}
                        <strong>{{ player.participant.vars.totalEarnings_6 }}</strong>
                    {% endif %}
                {% endif %}


<!--            Your current earning is-->
<!--                {% if player.round_number < 101 %}-->
<!--                    {% if player.round_number < 81 %}-->
<!--                        {% if player.round_number < 61 %}-->
<!--                            {% if player.round_number < 41 %}-->
<!--                                {% if player.round_number < 21 %}-->
<!--                                    <strong>{{ player.participant.vars.totalEarnings }}</strong>-->
<!--                                {% else %}-->
<!--                                    <strong>{{ player.participant.vars.totalEarnings_2 }}</strong>-->
<!--                                {% endif %}-->
<!--                            {% else %}-->
<!--                                <strong>{{ player.participant.vars.totalEarnings_3 }} </strong>-->
<!--                            {% endif %}-->
<!--                        {% else %}-->
<!--                            <strong>{{ player.participant.vars.totalEarnings_4 }}</strong>-->
<!--                        {% endif %}-->
<!--                    {% else %}-->
<!--                        <strong>{{ player.participant.vars.totalEarnings_5 }}</strong>-->
<!--                    {% endif %}-->
<!--                {% else %}-->
<!--                    <strong>{{ player.participant.vars.totalEarnings_6 }}</strong>-->
<!--                {% endif %}-->

<!--            <br><br>-->
<!--            Your Unemployment Insurance benefit in this round is <strong>{{ player.subsidy }} points</strong>-->
            <br><br>
            You will have Unemployment Insurance benefits with
                {% if player.round_number < 101 %}
                    {% if player.round_number < 81 %}
                        {% if player.round_number < 61 %}
                            {% if player.round_number < 41 %}
                                {% if player.round_number < 21 %}
                                     <strong>0 point for all 20 rounds</strong>.
                                {% else %}
                                     <strong>0 point for all 20 rounds</strong>.
                                {% endif %}
                            {% else %}
                                <strong>5 points for all 20 rounds</strong>
                            {% endif %}
                        {% else %}
                            <strong>5 points for the first 10 rounds</strong>
                        {% endif %}
                    {% else %}
                        <strong>10 points for the first 10 rounds</strong>
                    {% endif %}
                {% else %}
                    <strong>10 points for the first 15 rounds</strong>
                {% endif %}
            <br><br>
            <strong>(You will not have any benefit once you find job)</strong>
            <br><br>
            Choose <strong>your preferred wage</strong> for your next job from <strong>1</strong> to <strong>10</strong>.
        </p>
        <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.
        </p>
        <p>
            <strong>You need to decide your plans of looking for new jobs</strong>.
            <ol>
        <li>Your <strong>preferred wage for new job</strong>, the minimum wage you would like to accept.

                </li>
        <li> How much effort you would put in looking for jobs,<strong> the number of jobs </strong> you are looking for.
                        </li>
            </ol>
        </p>
        Before you begin looking for new jobs, we need to notify you that life is not infinite even in an experiment.
        <p>
            <ol>
                <li>
                    You only have <strong>20 rounds</strong> to look for new jobs in one experimental trial.
                </li>
                <li>
                    Once you fail in current round, you could look for jobs in the next round.

                </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 multiples 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.
        </li>
        <li>
            You have Unemployment Insurance benefit for a period of time.
            <ol>
                <li>
                    The amount of benefit varies <strong>(0 point, 5 points, 10 points)</strong>.
                </li>
                <li>
                    The duration of benefit varies <strong>(0 round, 10 rounds, 15 rounds, 20 rounds)</strong>.
                </li>
                <li>
                    However, <strong>you won’t have UI benefit anymore if you find a new job</strong>.
                </li>
            </ol>
        </li>
                </li>
            </ol>
        </li>
    </ol>
            </p>
            Let us think about what those companies have for you.
        <p>
            <ol>
                <li>
                     All companies would give candidates 20% chance of getting job offer for each job they are applying for.
                </li>
                <li>
                    Once you get your job offers, they would give you equally chance of wage rates from 1 point to 10 points for each job offer.
                </li>
                <li>
                    You will get the job offer with the highest wage rate only if it is greater than or equal to your preferred wage.
                </li>
            </ol>
        </p>
        Finally, your earned points will be converted into U.S. dollars <strong>(20 points = 1 dollar)</strong>.
        <br><br>
        </div>
    </div>
        <br>
<!--    <div class="text-center" style="font-size:20px;">-->
<!--        <button id="btn_reminder" class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collpaseExample" aria-expanded="false" aria-controls="collapseExample">-->
<!--        Example (show/hide)-->
<!--        </button>-->

<!--    </div>-->
<!--    <div class="collapse" id="collapseExample">-->
<!--            <div style="font-size:20px;">-->
<!--                <div style="font-size:20px;">-->
<!--                    Here is an example:-->
<!--        <br><br>-->
<!--        You need to decide your preferred wage and number of jobs you are applying for.-->
<!--        <br><br>-->
<!--        If you choose to have your preferred wage at 5, and number of jobs at 3, you would first roll dice for each job you apply for.-->
<!--        <br><br>-->
<!--        The results will tell you how many jobs you would get.-->
<!--        <br><br>-->
<!--        Then, you would roll dice again for each job you got before to determine wage rates.-->
<!--        <br><br>-->
<!--        To simplify the process, we would recode each failure of applying for job as 0, and recode each job offer you got with its wage rate.-->
<!--        <br><br>-->
<!--        Suppose you got 2 jobs out of 3. The wage rate of one job is 4, and the other is 6.-->
<!--        Your results are [0, 4, 6].-->
<!--        <br><br>-->
<!--        Since 6 > 5. You would accept the job offer with wage rate at 6.-->
<!--        <br><br>-->
<!--        Suppose you are in Round 3 in Experimental Trial 3, and your current earning so far is 190 points.-->
<!--        <br><br>-->
<!--        Your subsidy this round is 5 points.-->
<!--        <br><br>-->
<!--        Your payoff from your new job is the wage rate multiples the rest of rounds (including the current round):6*18=108 points.-->
<!--        <br><br>-->
<!--        Your job search cost is 10 points.-->
<!--        <br><br>-->
<!--        Your total payoff is 5 + 108 - 10 = 103 points.-->
<!--        <br><br>-->
<!--        your total earning so far is 190 + 103 = 293 points.-->
<!--        <br><br>-->
<!--        <br><br>-->
<!--        </div>-->
<!--                </div>-->
<!--    </div>-->



    <div class="text-center" style="margin: auto; display: block;">
    {% formfields %}
        <br><br>

    <button class="otree-btn-next btn btn-primary">Preferred Wage</button>
    </div>
        <script>
            $('#btn_reminder').click(function() {
            $('#collapseExample').toggle();
           // $(this).html( $(this).html() == 'Show instructions' ? 'Hide instructions' : 'Show instructions' );
            });
        </script>

    {% endblock %}