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

{% block title %}
    Job Search -- Final Payoff
{% endblock %}

{% block content %}
    <br><br>
    <div class="text-center" style="font-size:20px;">
        Your draw is <strong>{{ player.drawrandom }}</strong>. According to your draw, your final payoff is the underlying points below:
        <br><br>
        Your total earning so far in 1st Trial:
        {% if player.drawrandom == 1 %}
            <u><strong>{{ player.participant.vars.totalEarnings }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings }}</strong>.
        {% endif %}
        Your total earning so far in 2nd Trial:
        {% if player.drawrandom == 2 %}
            <u><strong>{{ player.participant.vars.totalEarnings_2 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_2 }}</strong>.
        {% endif %}
        <br><br>
        Your total earning so far in 3rd Trial:
        {% if player.drawrandom == 3 %}
            <u><strong>{{ player.participant.vars.totalEarnings_3 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_3 }}</strong>.
        {% endif %}
        Your total earning so far in 4th Trial:
        {% if player.drawrandom == 4 %}
            <u><strong>{{ player.participant.vars.totalEarnings_4 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_4 }}</strong>.
        {% endif %}
        <br><br>
        Your total earning so far in 5th Trial:
        {% if player.drawrandom == 5 %}
            <u><strong>{{ player.participant.vars.totalEarnings_5 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_5 }}</strong>.
        {% endif %}
        Your total earning so far in 6th Trial:
        {% if player.drawrandom == 6 %}
            <u><strong>{{ player.participant.vars.totalEarnings_6 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_6 }}</strong>.
        {% endif %}
        <br><br>
        Your total earning so far in 7th Trial:
        {% if player.drawrandom == 7 %}
            <u><strong>{{ player.participant.vars.totalEarnings_7 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_7 }}</strong>.
        {% endif %}
        Your total earning so far in 8th Trial:
        {% if player.drawrandom == 8 %}
            <u><strong>{{ player.participant.vars.totalEarnings_8 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_8 }}</strong>.
        {% endif %}
        <br><br>
        Your total earning so far in 9th Trial:
        {% if player.drawrandom == 9 %}
            <u><strong>{{ player.participant.vars.totalEarnings_9 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_9 }}</strong>.
        {% endif %}
        Your total earning so far in 10th Trial:
        {% if player.drawrandom == 10 %}
            <u><strong>{{ player.participant.vars.totalEarnings_10 }}</strong></u>.<img src="https://html-online.com/editor/tiny4_9_11/plugins/emoticons/img/smiley-laughing.gif" alt="laughing" />
        {% else %}
            <strong>{{ player.participant.vars.totalEarnings_10 }}</strong>.
        {% endif %}



<!--        {% if player.drawrandom == 1 or player.drawrandom == 2 or player.drawrandom == 3 or player.drawrandom == 4 or player.drawrandom == 5 %}-->
<!--            {% if player.drawrandom == 1 or player.drawrandom == 2 or player.drawrandom == 3 or player.drawrandom == 4 %}-->
<!--                {% if player.drawrandom == 1 or player.drawrandom == 2 or player.drawrandom == 3 %}-->
<!--                    {% if player.drawrandom == 1 or player.drawrandom == 2 %}-->
<!--                        {% if player.drawrandom == 1 %}-->
<!--                            <strong>{{ player.participant.vars.totalEarnings }}</strong>.-->
<!--                        {% endif %}-->
<!--                    {% 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 %}-->

<!--        {% if player.drawrandom == 6 %}-->
<!--            <strong>{{ player.participant.vars.totalEarnings_6 }}</strong>.-->
<!--        {% endif %}-->
    </div>
    <br><br>
{% formfields %}
    <div class="text-center">
        <button class="otree-btn-next btn btn-primary">Next Page</button>
    </div>
{% endblock %}