{% extends 'timepiece/invoice/base.html' %}
{% load timepiece_tags %}
{% load bootstrap_toolkit %}
{% load url from future %}

{% block title %}Outstanding Hours{% endblock %}

{% block crumbs %}
    {{ block.super }}
    <li><span class="divider">/</span> <a href="">Outstanding Hours</a></li>
{% endblock crumbs %}

{% block content %}
    <div class="row-fluid">
        <div class="span12">
            <h2>Outstanding Hours</h2>
            <ul class="nav nav-pills">
                <li>
                    <span>Outstanding Hours</span>
                </li>
                {% if perms.timepiece.view_entry_group %}
                    <li>
                        <a href="{% url 'list_invoices' %}">Previous Invoices</a>
                    </li>
                {% endif %}
            </ul>
        </div>
    </div>

    <div class="row-fluid">
        <div class="span12">
            {% date_filters "date-filter" "months" 0 %}
        </div>
    </div>

    <div class="row-fluid">
        <div class="span4">
            <form class="form-inline" method="get" action="" id="date-filter" accept-charset="utf-8">
                {{ date_form|as_bootstrap:"inline" }}
                <input class="btn" type='submit' name='yearmonth' value="Update" id='yearmonth'/>
            </form>
        </div>
    </div>

    <div class="row-fluid">
        <div class="span12">
            {# Display each project type as a separate table. #}
            {# For each table, order by project status, then business display name, then project name. #}
            {% regroup project_totals by project.type.label as type_list %}
            {% for type in type_list %}
                <h3>Summary of {{ type.grouper }} Entries</h3>

                <table class="table table-bordered table-condensed table-striped">
                    <tr>
                        <th>Project</th>
                        <th>Business</th>
                        <th>Status</th>
                        <th>Uninvoiced Hours</th>
                        <th></th>
                    </tr>
                    {% regroup type.list by project.name as project_list %}
                    {% for project in project_list %}
                        <tr>
                            <td><a href="{% timesheet_url 'project' project.list.0.project.pk to_date %}">{{ project.grouper }}</a></td>
                            <td>
                            {{ project.list.0.project.business.get_display_name }}</td>
                            <td>{{ project.list.0.project.status.label|title }}</td>
                            <td class="hours">{% get_uninvoiced_hours project.list %}</td>
                            <td>
                                {% if from_date %}
                                    <a href="{% url 'create_invoice' %}?project= {{ project.list.0.project.pk }}&to_date={{ to_date|date:'Y-m-d' }}&from_date={{ from_date|date:'Y-m-d' }}">Make Invoice</a>
                                {% else %}
                                    <a href="{% url 'create_invoice' %}?project={{ project.list.0.project.pk }}&to_date={{ to_date|date:'Y-m-d' }}">Make Invoice</a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </table>
            {% endfor %}
        </div>
    </div>
{% endblock %}