{% extends "::base.html.twig" %}

{% form_theme form inline_form_theme %}

{% block title "List Of WorkPlan Targets" %}
    
{% block content %}
{{ include(workplan_links, {'show_search': false}, with_context = false) }}

{% set bill = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::BILL') %}
{% set purchase = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::PURCHASE') %}
<div class="row">
    <div class="col-md-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="center-text">
                    <span class="label">List Of WorkPlan Targets</span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for target in pagination %}
                    {% set id = target.getId() %}
                    
                    {% if tgt is not null %}
                    {% set selid = tgt.getId() %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}
                    
                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('target_home', {'id': wpid,'tgt': id, 'page': page, 'name': name}) }}">
                        {{ target.getDetail() }}<br/><br/>
                    </a>
                    {% else %}
                    There are no targets under this workplan.<br/>
                    <a class="{{ grey_sm_btn }}" href="{{ path('target_add', {'id': app.session.get('wplan')}) }}">Create a Target</a>
                    {% endfor %}
                </div>
                <div>
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="center-text">
                    <span class="label">Target Details</span>
                </div>
            </div>
            <div class="panel-body">
                {% if tgt is not null %}
                {% set id = tgt.getId() %}
                <span style="font-size: 14px; font-weight: 400;">{{ tgt.getDetail() }}</span><br/>
              
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tgt" data-toggle="tab">Target</a></li>
                    <li><a href="#ind" data-toggle="tab">Indicators</a></li>
                </ul>
                
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="tgt">
                        <div style="{{ btnLinks }}">
                            <a class="{{ grey_sm_btn }}" href="{{ path('target_edit', {'id': id}) }}">Edit</a>
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#myModal{{ id }}">Delete</a>
                            <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 Activities 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:targetDetails.html.twig', 
                                {'target': tgt}, with_context = false)
                            }}
                                
                            {{ include('AlsuiteProjectBundle:Target:del.html.twig',
                                {'id': id, 'action': 'Delete', 'object': 'Target',
                                'route': path('target_del', {'id': id})}, with_context = false)
                            }}
                        </div>
                    </div>
                    <div class="tab-pane fade in" id="ind">
                        <div style="{{ btnLinks }}">
                            <a class="{{ grey_sm_btn }}" href="{{ path('target_ind_create', {'id': id}) }}">Create</a>
                        </div>
                        {{ render(controller('AlsuiteProjectBundle:Target:getIndicators',
                            {'id': tgt.getId()}))
                        }}
                    </div>
                </div>
                {% else %}
                Please click on a target in the left panel to view its details here.
                {% endif %}
            </div>
        </div>                          
    </div>
</div>
{% endblock %} 

{% block javascripts %}
<script text="text/javascript">
    $(document).ready(function() {
        if (location.hash) {
            $("a[href='" + location.hash + "']").tab("show");
        }
        $(document.body).on("click", "a[data-toggle]", function(event) {
            location.hash = this.getAttribute("href");
        });
    });
    $(window).on("popstate", function() {
        var anchor = location.hash || $("a[data-toggle='tab']").first().attr("href");
        $("a[href='" + anchor + "']").tab("show");
    });
</script>
{% endblock %}