{% set bill = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::BILL') %}
{% set purchase = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::PURCHASE') %}
<div class="panel-group" id="targets" style="margin: 5px 5px;">
    {% for target in pagination %}
    {% set id = target.getId() %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <table class="fillwidth">
                <colgroup>
                    <col style="width: available;"><col style="width: 30%;">
                    <col style="width: 15%;">{#<col style="width: 15%;">#}
                </colgroup>
                <tbody>
                    <tr class="clickable" data-toggle="collapse" data-parent="#targets" data-target="#tgt{{ id }}">
                        <td title="Target Detail">{{ target.getDetail() }}</td>
                        {#<td title="Category & SubCategory">
                            {% if target.getCategory() is not null %}
                            {{ target.getCategory().getName() }}
                            {% endif %}<br/>
                            {% if target.getSubCategory() is not null %}
                            {{ target.getSubCategory().getName() }}
                            {% endif %}
                        </td>#}
                        <td title="Project Name">
                            {% if target.getOutput() is not null %}
                            {{ target.getOutput().getProject().getName() }}
                            {% else %}
                            {{ target.getProject().getName() }}
                            {% endif %}
                        </td>
                        <td title="Budget and Balance">
                            {{ target.getWorkPlan().getOrganizationCurrency() }} {{ target.getBudget()|number_format(2, '.', ',') }}<br/>
                            {{ target.getWorkPlan().getOrganizationCurrency() }} {{ (target.getBudget() - target.getAmountSpent())|number_format(2, '.', ',') }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="panel-collapse collapse" id="tgt{{ id }}">
            <div class="panel-body" style="min-height: 200px;">
                <div class="btn-group">
                    <a class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                        Target
                        <span class="caret"></span>
                    </a>
                    <div class="dropdown-menu" role="menu">
                        <a class="{{ gen_btn }}" href="{{ path('target_edit', {'id': id}) }}">Edit</a>
                        <a data-toggle="modal" class="{{ gen_btn }}" href="#myModal{{ id }}">Delete</a>
                    </div>
                </div>
                <div class="btn-group">
                    <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                        Indicators <span class="caret"></span>
                    </button>
                    <div class="dropdown-menu" role="menu">
                        <a title="Create Indicators under Target" class="{{ gen_btn }}" href="{{ path('target_ind_create', {'id': id}) }}">Create</a>
                    </div>
                </div>
                <div class="btn-group">
                    <a class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                        Activities
                        <span class="caret"></span>
                    </a>
                    <div class="dropdown-menu" role="menu">
                        <a title="View All Tactics under Target" class="{{ gen_btn }}" href="{{ path('target_tactics', {'id': id}) }}">Show</a>
                        <a class="{{ gen_btn }}" href="{{ path('tactic_create', {'id': id}) }}">Create An Activity Plan</a>
                        <a class="{{ gen_btn }}" href="{{ path('tactic_create', {'id': id, 'type': bill}) }}">Create A Bill</a>
                        <a class="{{ gen_btn }}" href="{{ path('tactic_create', {'id': id, 'type': purchase}) }}">Create A Purchase</a>
                    </div>
                </div>
                
                {{ include('AlsuiteProjectBundle:Target:del.html.twig',
                    {'id': id, 'action': 'Delete', 'object': 'Target',
                    'route': path('target_del', {'id': id})}, with_context = false)
                }}
                
                {{ include('AlsuiteProjectBundle:Target:targetDetails.html.twig', 
                    {'target': target}, with_context = false)
                }}
                
                {{ render(controller('AlsuiteProjectBundle:Target:getIndicators',
                    {'id': target.getId()}))
                }}        
            </div>
        </div>
    </div>
    {% else %}
    <div class="panel-body">
        There are no targets under this work plan.<br/>
        <a title="Create a Target" class="{{ blue_sm_btn }}" href="{{ path('target_add', {'id': app.session.get('wplan')}) }}">Create A Target</a>
    </div>
    {% endfor %}
</div>
<div>
    {{ knp_pagination_render(pagination) }}
</div>