{% 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 %}
<!--            {% if player.subsession.round_number == 40 %} Round <strong>20</strong>-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 60 %} Round <strong>20</strong>-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 80 %} Round <strong>20</strong>-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 100 %} Round <strong>20</strong>-->
<!--            {% else %}-->
<!--            Round <strong>{{ round }}</strong> of <strong>20</strong>. {% endif %}-->
            <br><br>
            You are in {% if round == 0 %} Experimental Trial <strong>{{ search2 }}</strong>.
                      {% else %}  Experimental Trial <strong>{{ search }}</strong>. {% endif %}
<!--            {% if player.subsession.round_number == 20 %} search number <strong>1</strong>.-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 40 %} search number <strong>2</strong>.-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 60 %} search number <strong>3</strong>.-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 80 %} search number <strong>4</strong>.-->
<!--            {% else %}  {% endif %}-->
<!--            {% if player.subsession.round_number == 100 %} search number <strong>5</strong>.-->
<!--            {% else %}-->
<!--            search number <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 %}
            <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 %}.
<!--            {% if player.round_number == 1 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            {% if player.round_number == 21 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            {% if player.round_number == 41 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            {% if player.round_number == 61 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            {% if player.round_number == 81 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            {% if player.round_number == 101 %}-->
<!--                <strong>points</strong>-->
<!--            {% endif %}-->
<!--            .-->
            <br><br>
            Your Unemployment Insurance benefit in this round is <strong>{{ player.subsidy }} points</strong>.
            <br><br>
            Your subsidy in this experimental trial 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.subsidy }} for all 20 rounds</strong>. {% else %}
            <strong>{{ player.subsidy }} for all 20 rounds</strong> {% endif %} {% else %}
            <strong>{{ player.subsidy }} for all 20 rounds</strong> {% endif %} {% else %}
            <strong>5 for the first 10 rounds</strong> {% endif %} {% else %}
            <strong>10 for the first 10 rounds</strong> {% endif %} {% else %}
            <strong>10 for the first 15 rounds</strong> {% endif %}
            <br><br>
            Choose <strong>your preferred wage</strong> for your next job from <strong>1</strong> to <strong>10</strong>.
        </p>
    </div>
    <br><br>
    <div class="text-center" style="margin: auto; display: block;">
    {% formfields %}
    <br><br>
    <button class="otree-btn-next btn btn-primary">Preferred Wage</button>
    </div>
    {% endblock %}