{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}
{% load humanize %}

{% block styles %}
<STYLE TYPE="text/css">
    .indented { padding-left: 50pt; padding-right: 50pt; } -->
    .timer {
        color: #1B232F; !important;
        font-family: Verdana, Arial, sans-serif;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
    }
    .stringresult {
        font-family: Calibri, Arial sans-serif;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 1px;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:-30px;
        vertical-align: middle;
        line-height:30px;

    }
    td {
        vertical-align: top; !important;
        line-height:30px; !important;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:-30px;
    }
    .timec {
        width:5%;
        margin-left:auto;
        margin-right:auto;
    }


</STYLE>
{% endblock %}

{% block scripts %}
<script language="JavaScript">


 </script>
{% endblock %}

{% block title %}
    Cost Reporting
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px}

    </STYLE>
    <hr>
    <p>
    As a reminder, the following actual project costs have been incurred this period:<br>
        <table width="100%" border="0">
        <tbody>
            <tr>
                <td width="20%">Your Project - {% if type == 1 %}Project A{% else %}Project B{% endif %}:</td>
                <td align="left">{% if type == 1 %}{{ player.actual_A|intcomma }}{% else %}{{ player.actual_B|intcomma }}{% endif %}</td>
            </tr>

            <tr>
                <td width="20%">{% if type == 1 %}Project B{% else %}Project A{% endif %}:</td>
                <td align="left">{% if type == 1 %}{{ player.actual_B|intcomma }}{% else %}{{ player.actual_A|intcomma }}{% endif %}</td>
            </tr>
        </tbody>
        </table>
    </p>
    <hr>

    <p>
        Recall that you must report costs between 20,000 and 100,000 for each project, and <b>Manager B {% if condition == 1 or condition == 3 %}will{% else %}will not{% endif %}
        see your cost reports before making their own</b>. Please make your cost reports to the company{% if condition > 2 %} owner{% endif %} below, and then click "Next."
    </p>

        <p class="indented">
        <table class="tabmarg" width="70%" border="0">
        <tbody>
            <tr>
                <td valign="middle" width="30%">Your Project - {% if type == 1 %}Project A{% else %}Project B{% endif %}:</td>
                <td align="left">{% if type == 1 %}{% formfield player.report_A %}{% else %}{% formfield player.report_B %}{% endif %}</td>
            </tr>

            <tr>
                <td valign="middle" width="30%">{% if type == 1 %}Project B{% else %}Project A{% endif %}:</td>
                <td align="left">{% if type == 1 %}{% formfield player.report_B %}{% else %}{% formfield player.report_A %}{% endif %}</td>
            </tr>

        </tbody>
        </table>
    </p>


    <br>

    {% next_button %}


{% endblock %}