{% 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_2A|intcomma }}{% else %}{{ player.actual_2B|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_2B|intcomma }}{% else %}{{ player.actual_2A|intcomma }}{% endif %}</td>
            </tr>
        </tbody>
        </table>
    </p>
    <hr>
    {% if condition == 5 or condition == 7 %}
    <p>
        <b>Manager A reported the following costs to the company owner for the period:</b><br>
        <table width="100%" border="0">
        <tbody>
            <tr>
                <td width="20%">Your Project - Project B:</td>
                <td align="left">{{ player.report_2B_partner|intcomma }}</td>
            </tr>

            <tr>
                <td width="20%">Project A:</td>
                <td align="left">{{ player.report_2A_partner|intcomma }}</td>
            </tr>
        </tbody>
        </table>
    </p>
    <hr>
    {% else %}
    <p>
        <b>Manager A has finished making their cost reports to the company owner for the period.</b><br>
    </p>
    <hr>
    {% endif %}
    <p>
        You must report costs between 20,000 and 100,000 for each project. Please make your cost reports to the company owner 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_2A %}{% else %}{% formfield player.report_2B %}{% 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_2B %}{% else %}{% formfield player.report_2A %}{% endif %}</td>
            </tr>

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

    <br>

    {% next_button %}


{% endblock %}