{% extends 'FollowUpBoardBundle:Board:board.html.twig' %}

{% block panelheading %}
    <div class="row">

        <div class="col-md-1">
            <a href="{{ path('project_new') }}">
                New Task
            </a>
        </div>
        <div class="col-md-1">
            <a href="{{ path('workpackage') }}">
                Workpackages
            </a>
        </div>
        <div class="col-md-2">
        </div>
        <div class="col-md-2">
        </div>
        <div class="col-md-2">
        </div>        

        <div class="col-md-4">
            {{ render(controller( 'FollowUpBoardBundle:Board:statusLegend'))}}
        </div>
    </div>

{% endblock panelheading %}


{% block panelbody %}


            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="pull-left">Tasks (workpackage) </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="pull-right">Links </div>
                                </div>
                            </div>
                        </th>
                        <th> 
                            Project progress
                        </th>
                        <th>Deadline</th>
                        <th>Observations</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                {% set totalWorked = 0 %}
                {% set totalPlanned = 0 %}
                {% set totalReviewed = 0 %}
                {% set totalLeftHours = 0 %}             
                {% for entity in entities %}
                {% set totalWorked = totalWorked + entity.getWorkedHours() %}
                {% set totalPlanned = totalPlanned + entity.initialPlannedHours %}
                {% set totalReviewed=totalReviewed+entity.getReviewedHours() %}
                {% set totalLeftHours=totalLeftHours+entity.getLeftHours() %}
                    <tr>
                        {#<td style="background-color:{{entity.status.color}}">{{ entity.name }}</td>#}
                        <td>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="pull-left">
                                        {{entity.name}} {% if entity.workpackage | length != 0 %}({{entity.workpackage}}) {% endif %}<br>
                                        {% if entity.status.label is defined %}
                                            <h4><span class="{{entity.status.label}}">{{entity.status.name}}</span></h4>
                                        {% endif %}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                        {% for l in entity.links %}
                                            <div class="pull-right">
                                                <a href="http://{{ l.link }}" target="_blank"> {{l.name}} <span class="glyphicon glyphicon-edit"></span></a>
                                            </div><br>
                                        {% endfor %}                                        
                                </div>
                            </div>
                        </td>
                        <td>
                            {{ render(controller( 'FollowUpBoardBundle:Board:progressBar', {'workedHours':entity.getWorkedHours(),'plannedHours':entity.initialPlannedHours,'reviewedHours':entity.getReviewedHours()}))}}
                        </td>
                        <td>{% if entity.deadline %}{{ entity.deadline|date('Y-m-d') }}{% endif %}</td>
                        <td>{{ entity.observations }}</td>
                        <td><a href="{{ path('project_edit', { 'id': entity.id }) }}">edit</a>
                        {#
                        <ul>
                            <li>
                                <a href="{{ path('project_show', { 'id': entity.id }) }}">show</a>
                            </li>
                            <li>
                                <a href="{{ path('project_edit', { 'id': entity.id }) }}">edit</a>
                            </li>
                        </ul>
                        #}
                        </td>
                    </tr>
                {% endfor %}
                    <tr>
                        <td>
                            <div class="pull-left"><strong>Total</strong></div>

                        </td>
                        <td>
                            {{ render(controller( 'FollowUpBoardBundle:Board:progressBar', {'workedHours':totalWorked,'plannedHours':totalPlanned,'reviewedHours':totalReviewed}))}}
                        </td>
                    </tr>
                </tbody>
            </table>


{% endblock panelbody %}

{% block panelfooter %}
    <div class="row">
        <div class="col-md-5">
            <a href="{{ path('project_new') }}">
                New Task
            </a>
        </div>
    </div>
{% endblock panelfooter %}