{% 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 Experimental Trial 1 (BL1):
        {% 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 %}
        <br><br>
        Your total earning so far in Experimental Trial 2 (BL2):
        {% 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 Experimental Trial 3 (TR1):
        {% 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 %}
        <br><br>
        Your total earning so far in Experimental Trial 4 (TR2):
        {% 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 Experimental Trial 5 (TR3):
        {% 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 %}
        <br><br>
        Your total earning so far in Experimental Trial 6 (TR4):
        {% 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 %}




<!--        {% 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 %}