{{ extends "global/Page.html" }}


{% block scripts %}


{% endblock %}

{% block styles %}

    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 20px;}
        .res{
            font-size: large;}
        .resultlabel{
            color: #1B232F;
            font-size: large;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .resultlabelsm{
            color: #1B232F;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .norm{
            font-size: medium;
        }
        .ui-dialog-titlebar-close {display: none;}
        .ui-dialog-content {
            background-color: #f6f6f6;
            padding: 15px;
            border: #ebebeb;
            border-style: groove;
            border-width: 2px;
            line-height: normal;
        }
        .ui-dialog-buttonpane {
            text-align: right;
        }
        #dialog-exp {
            display: none
        }
        #dialog-message-1 {
            display: none
        }
        #dialog-message-2 {
            display: none
        }
        #dialog-message-3 {
            display: none
        }
        table, tr, td {
            border: 1px solid;
            padding: 3px;
            border-spacing: 3px;
        }

        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-show {
            text-align: center;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    </STYLE>

{% endblock %}

{{ block title }}
Task About to Begin
{{ endblock }}

{{ block content }}

    <hr>

    <p>
        Your employees are about to begin their task.
    </p>

    <br>
    <p>
        {{ if player.condition == 1 }}
            {{ if player.control_in_place == 1 }}
                <span style="font-weight: bold">The division director chose to include the project audit function for
                all teams in the division</span>. As a result, in each period there will be an 80% likelihood of
                the auditor visiting for any team. If an audit occurs, any employee who allocated high resources to
                the joint project will receive a bonus of 15 points.
            {{ else }}
                <span style="font-weight: bold">The division director chose not to include the project audit function for
                all teams in the division</span>. As a result, there is no chance that the auditor will visit to audit
                resource allocation decisions.
            {{ endif }}
        {{ elif player.condition == 2 }}
            {{ if player.control_in_place == 1 }}
                <span style="font-weight: bold">You chose to include the project audit function for
                your team</span>. As a result, in each period there will be an 80% likelihood of
                the auditor visiting for any team. If an audit occurs, any employee who allocated high resources to
                the joint project will receive a bonus of 15 points.
            {{ else }}
                <span style="font-weight: bold">You chose not to include the project audit function for
                your team</span>. As a result, there is no chance that the auditor will visit to audit
                resource allocation decisions.
            {{ endif }}
        {{ elif player.condition == 3 }}
            {{ if player.control_in_place == 1 }}
                <span style="font-weight: bold">Employees A and B on your team chose to include the project audit function for
                your team</span>. As a result, in each period there will be an 80% likelihood of
                the auditor visiting for any team. If an audit occurs, any employee who allocated high resources to
                the joint project will receive a bonus of 15 points.
            {{ else }}
                <span style="font-weight: bold">Employees A and B on your team chose not to include the project audit function for
                your team</span>. As a result, there is no chance that the auditor will visit to audit
                resource allocation decisions.
            {{ endif }}

        {{ endif }}
    </p>

    <hr>
    <p>Please answer the following questions before proceeding.</p>

{{ if player.condition == 2 }}
    <p>How frequently do you expect Employees to choose to allocate high resources to their joint project?</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.expected_cooperation %}
            <td align="center" valign="top" width="9%"><input type="radio" name="expected_cooperation" value="{{ forloop.counter}}"
                    id="id_expected_cooperation_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.expected_cooperation %}
            <td align="center" width="9%"><label for="id_expected_cooperation_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>How frequently would you expect Employees to choose to allocate high resources to their joint project
        if you {{ if player.control_in_place == 1 }}had not{{ else }}had{{ endif }} elected to include the project audit option?</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.inv_expected_cooperation %}
            <td align="center" valign="top" width="9%"><input type="radio" name="inv_expected_cooperation" value="{{ forloop.counter}}"
                    id="id_inv_expected_cooperation_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.inv_expected_cooperation %}
            <td align="center" width="9%"><label for="id_inv_expected_cooperation_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

{{ else }}
    <p>How frequently do you expect Employees to choose to allocate high resources to their joint project?</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.expected_cooperation %}
            <td align="center" valign="top" width="9%"><input type="radio" name="expected_cooperation" value="{{ forloop.counter}}"
                    id="id_expected_cooperation_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.expected_cooperation %}
            <td align="center" width="9%"><label for="id_expected_cooperation_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>How frequently would you expect Employees to choose to allocate high resources to their joint project
        if {{ if player.condition == 1 }}the division director{{ else }}Employees A and B{{ endif }}{{ if player.control_in_place == 1 }} had not{{ else }} had{{ endif }} elected to include the project audit option?</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.inv_expected_cooperation_hyp %}
            <td align="center" valign="top" width="9%"><input type="radio" name="inv_expected_cooperation_hyp" value="{{ forloop.counter}}"
                    id="id_inv_expected_cooperation_hyp_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.inv_expected_cooperation_hyp %}
            <td align="center" width="9%"><label for="id_inv_expected_cooperation_hyp_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>If the decision had been yours, how likely is it that you would chosen to have the project audit function?</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.control_likelihood %}
            <td align="center" valign="top" width="9%"><input type="radio" name="control_likelihood" value="{{ forloop.counter}}"
                    id="id_control_likelihood_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.control_likelihood %}
            <td align="center" width="9%"><label for="id_control_likelihood_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

{{ endif }}
    <hr>

    {{ next_button }}



{{ endblock }}