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

{% block title %}
    Job Search -- Results
{% endblock %}
{% block content %}
<br><br>
    <div style="font-size:20px;">
        After simulated drawing, your job offer is
            {% if player.sample_size == 0 %}
                <strong>0</strong> due to the fact that you were not looking for job <img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-yell.gif" alt="yell"/>
            {% else %}
                <strong>{{ player.draw }}</strong>.
            {% endif %}
        <br><br>
        Your preferred minimum wage is <strong>{{ player.reservation_wage }} points </strong>
        <br><br>
            {% if player.largest_number >= player.reservation_wage %}
                We are glad to tell you that you have found a job with wage rate <strong> {{ player.largest_number }} points <img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" /> </strong>
            {% else %} </strong>
                Since your preferred wage is greater than any of your wage offer, you did not find a job <img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-yell.gif" alt="yell"/>
            {% endif %}

            {% if player.largest_number >= player.reservation_wage %}
                <br><br>
                You are now in
                    {% if round == 0 %}
                        Round <strong>20</strong>
                    {% else %}
                        Round <strong>{{ round }}</strong> of <strong>20</strong>
                    {% endif %}


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


            {% if player.largest_number >= player.reservation_wage %}
                <br><br> <strong> [Payoff from new job = Wage rate * The rest of rounds (including the current round)] </strong>
            {% else %}
            {% endif %}
        <br><br>
        <strong>[Total payoff = UI benefit - Job search cost + Payoff from new job]</strong>
        <br><br>
        Your total earning is <strong>[Total earning = Total payoff + Current earning]</strong>:
                {% if player.round_number < 181 %}
                    {% if player.round_number < 161 %}
                        {% if player.round_number < 141 %}
                            {% if player.round_number < 121 %}
                                {% 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 %}
                            {% else %}
                                <strong>{{ player.participant.vars.totalEarnings_7 }}</strong>.
                            {% endif %}
                        {% else %}
                            <strong>{{ player.participant.vars.totalEarnings_8 }}</strong>.
                        {% endif %}
                    {% else %}
                        <strong>{{ player.participant.vars.totalEarnings_9 }}</strong>.
                    {% endif %}
                {% else %}
                    <strong>{{ player.participant.vars.totalEarnings_10 }}</strong>.
                {% endif %}
    </div>

    <br><br>
    <div class="text-center">
        <button class="otree-btn-next btn btn-primary">Next Page</button>
    </div>
    <br><br>

   <table style="border-collapse: collapse; width: 100%;" border="1" class="table table-bordered">
            <tbody>
                <tr>
                    <td style="width: 20%;text-align: center">UI benefit </td>
                    <td style="width: 20%;text-align: center">Job search cost</td>
                    <td style="width: 20%;text-align: center">Payoff from new job</td>
                    <td style="width: 20%;text-align: center">Total payoff</td>
                    <td style="width: 20%;text-align: center">Current earning</td>
                </tr>
                <tr>
                    <td style="width: 20%;text-align: center"><strong>{{ player.subsidy }} points</strong></td>
                    <td style="width: 20%;text-align: center"><strong>{{ player.searchinter }} points</strong></td>
                    <td style="width: 20%;text-align: center"><strong>{{ player.jobpayoff }} points</strong></td>
                    <td style="width: 20%;text-align: center"><strong>{{ player.payoff }} </strong></td>
                    <td style="width: 20%;text-align: center"><strong>{{ player.currentearning }} </strong></td>
                </tr>
            </tbody>
        </table>


    {% endblock %}