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

{% block title "List Of  Activities under Target" %}
    
{% block content %}
{{ include(workplan_links, {'show_search': false}, with_context = false) }}
{#{{ render(controller('AlsuiteProjectBundle:Tactic:list')) }}#}
{% set AP = constant('\\Alsuite\\ProjectBundle\\Entity\\ApprovalLevel::AP') %}
{% set REQN = constant('\\Alsuite\\ProjectBundle\\Entity\\ApprovalLevel::REQN') %}
{% set FR = constant('\\Alsuite\\ProjectBundle\\Entity\\ApprovalLevel::FR') %}

{% set OPEN = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::OPEN') %}
{% set FILED = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::FILED') %}
{% set DONE = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::DONE') %}

<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 Activities under Target </span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for tactic in pagination %}
                    {% set id = tactic.getId() %}
                    
                    {% if act is not null %}
                    {% set selid = act.getId() %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}
                    
                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('target_tactics', {'id': target, 'act': id, 'page': page}) }}">
                        {{ tactic.getSerial() }} <br/>
                        {{ tactic.getTitle() }} <br/>
                        {{ currency }} {{ tactic.getBudget()|number_format(2, '.', ',') }}
                    </a>
                    {% else %}
                    There are no activities under this Target.<br/>
                   {# <a class="{{ grey_xs_btn }}" href="{{ path('tactic_wplan_create', {'id': app.session.get('target')}) }}">Create</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">Activity Details</span>
                </div>
            </div>
            <div class="panel-body">
                {% if act is not null %}
                {% set id = act.getId() %}
                <span>{{ act.getTitle() }}</span><br/>
              
                <ul class="nav nav-tabs">
                    <li class="active" ><a href="#actdetails" data-toggle="tab">Activity</a></li>
                    <li ><a href="#tgtdetails" data-toggle="tab">Target</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            Budget<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#reqn" data-toggle="tab">Requisition Lines</a></li>
                            <li><a href="#booking" data-toggle="tab">Booking Details</a></li>
                            <li ><a href="#acc" data-toggle="tab">Accountability Status</a></li>
                            <li ><a href="#returns" data-toggle="tab">Cash Returns</a></li>
                        </ul>
                    </li>
                    <li><a href="#inds" data-toggle="tab">Indicators</a></li>
                    <li><a href="#attach" data-toggle="tab">Attachments</a></li>
                    <li><a href="#comments" data-toggle="tab">Comments</a></li>
                    <li><a href="#hr" data-toggle="tab">Implementers</a></li>
                    <li><a href="#appr" data-toggle="tab">Approvals</a></li>
                    <li><a href="#fr" data-toggle="tab">Field Report</a></li>
                    <li><a href="#history" data-toggle="tab">Activity Change Trail</a></li>
                </ul>
                
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="actdetails">
                        <div style="{{ btnLinks }}">
                            {% set status = act.getStatus() %}
                            {% if not act.requisitionIsApproved() and not act.isDone() %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('tactic_edit', {'tactic': id}) }}">Edit</a>
                            {% endif %}
                            {% if not act.activityPlanIsApproved() and not act.isDone() %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#delTactic{{ id }}">Delete</a>
                            {% if status == OPEN %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticFiled{{ id }}">Mark As Filed</a>
                            {% endif %}
                            {% endif %}
                            {% if status == FILED %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticDone{{ id }}">Mark As Executed</a>
                            {% elseif status == DONE %}
                            {% if not act.activityPlanIsApproved() %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticOpen{{ id }}">Mark As Open</a>
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticFiled{{ id }}">Mark As Filed</a>
                            {% else %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticFiled{{ id }}">Reverse Status to Filed</a>
                            {% endif %}
                            {% endif %}
                            <a target="_blank" class="{{ grey_sm_btn }}" href="{{ path('tactic_topdf', {'id': id}) }}">View in PDF</a>
                        </div>
                        {{ include(tactic_details, 
                            {'id': id, 'tactic': act, 'AP': AP, 'REQN': REQN, 'FR': FR, 
                            'currency': currency}, 
                            with_context = false) 
                        }}                              
                    </div>
                    <div class="tab-pane fade" id="tgtdetails">
                        {{ include('AlsuiteProjectBundle:Target:targetDetails.html.twig', 
                            {'target': act.getTarget()}, with_context = false)
                        }}
                    </div>
                    <div id="reqn" class="tab-pane fade">
                        <div style="{{ btnLinks }}">
                            {% if not act.requisitionIsApproved() %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('reqn_create', {'tactic': id}) }}">Create</a>
                            {% if act.numOfReqnLines() > 0 %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('reqn_edit', {'tactic': id}) }}">Edit All</a>
                            {% endif %}
                            {% endif %}
                        </div>
                        {% if act.requisitionIsApproved %}
                        {% set rdel = 0 %}
                        {% else %}
                        {% set rdel = 1 %}
                        {% endif %}
                        {{ include(reqn_lines, {'id': id, 'tactic': act, 'level': null, 'del': rdel, 
                            'currency': currency}, with_context = false)
                        }}
                    </div>
                    <div id="booking" class="tab-pane fade">
                        {% if act.activityPlanIsApproved() %}
                        {{ include(booking_details, {'id': id, 'tactic': act, 
                            'edit_booking': 0, 'currency': currency}, 
                            with_context = false) 
                        }}
                        {% else %}
                        <div style="margin-top: 5px;">
                            The Booking process is not yet started because the AP is not yet approved.
                        </div>
                        {% endif %}
                    </div>
                    <div id="acc" class="tab-pane fade">
                        {% if act.fundsHaveBeenReleased() and act.isDone() %}
                        <div style="{{ btnLinks }}">
                            <a class="{{ grey_sm_btn }}" href="{{ path('reqn_edit_spent', {'tactic': id}) }}">Edit Amounts Spent</a>
                        </div>
                        {{ include(accountability, {'id': id, 'tactic': act, 'level': null, 
                            'currency': currency}, with_context = false)
                        }}
                        {% else %}
                        <div style="margin-top: 5px;">
                            Accountability can only be filed when funds have been released and the AP marked as Done.
                        </div>
                        {% endif %}
                    </div>
                    <div id="returns" class="tab-pane fade">
                        {% if act.fundsHaveBeenReleased() and act.isDone() %}
                        {{ include(settlements, {'id': id, 'tactic': act, 'level': null, 'del': rdel, 
                            'currency': currency}, with_context = false)
                        }}
                        {% else %}
                        <div style="margin-top: 5px;">
                            The Cash Returns section is only available when funds were released and the AP marked as Done.
                        </div>
                        {% endif %}
                    </div>
                    <div class="tab-pane fade" id="inds">
                        <div style="{{ btnLinks }}">
                            {% if not act.requisitionIsApproved() and not act.isDone() %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('tactic_ind_create', {'tactic': id}) }}">Create Planned</a>
                            {% endif %}
                            {% if act.isDone() and not act.fieldReportIsApproved() %}           
                            <a class="{{ grey_sm_btn }}" href="{{ path('tactic_ind_report', {'id': id}) }}">Edit Actual</a>
                            {% endif %}
                        </div>
                        {% if act.requisitionIsApproved() or act.isDone() %}
                        {% set idel = 0 %}
                        {% else %}
                        {% set idel = 1 %}
                        {% endif %}
                        {{ render(controller('AlsuiteProjectBundle:Tactic:indicators',  
                            {'tactic': id, 'level': null, 'del': idel}))
                        }}
                    </div>
                    <div class="tab-pane fade" id="attach">
                        <div style="{{ btnLinks }}">
                            <a class="{{ grey_sm_btn }}" href="{{ path('tactic_upload', {'id': id}) }}">Upload</a>
                        </div>
                        {{ include(tactic_documents, {'id': id, 'tactic': act, 'mng_upload': 1}) }}
                    </div>
                    <div class="tab-pane fade" id="comments">
                        <div style="{{ btnLinks }}">
                             <a class="{{ grey_sm_btn }}" href="{{ path('comment_new', {'tactic': id}) }}">Create</a>
                        </div>
                        {{ include(tactic_comments, {'id': id, 'tactic': act, 'level': null, 
                            'mng_comments': 1}, with_context = false) 
                        }}
                    </div>
                    <div class="tab-pane fade" id="hr">
                        <div style="{{ btnLinks }}">
                            {% if not act.requisitionIsApproved() and not act.isDone() %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('assign_implementers', {'tactic': id}) }}">Assign/Edit HR</a>
                            {% endif %}
                        </div>
                        {{ include(implementers,
                            {'id': id, 'tactic': act}, with_context = false)
                        }}
                    </div>
                    <div class="tab-pane fade" id="appr">
                        {{ include(tactic_approvals, {'id': id, 'tactic': act,
                            'instance': AP, 'label': 'AP', 'approve': 0}, with_context = false)
                        }}
                        
                        {{ include(tactic_approvals, {'id': id, 'tactic': act,
                            'instance': REQN, 'label': 'REQN', 'approve': 0}, with_context = false)
                        }}
                          
                        {% if act.fieldReportIsRequired() and act.fieldReportIsFiled() %}
                        {{ include(tactic_approvals, {'id': id, 'tactic': act,
                            'instance': FR, 'label': 'FR', 'approve': 0}, with_context = false)
                        }}
                        {% endif %}
                    </div>
                    <div class="tab-pane fade" id="fr">
                        <div style="{{ btnLinks }}">
                            {% if act.isDone() and act.fieldReportIsRequired() %}
                            {% if not act.fieldReportIsApproved %}
                            <a class="{{ grey_sm_btn }}" href="{{ path('fldreport_edit', {'id': id}) }}">Edit</a>
                            {% if act.getFieldReportStatus() == OPEN %}
                            <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#fileFR{{ id }}">Mark As Filed</a>
                            {% endif %}
                            {% endif %}
                            {% endif %}
                        </div>
                        {{ include(report_details, {'id': id, 'tactic': act}, with_context = false) }}
                    </div>
                    <div class="tab-pane fade" id="history">
                        {{ include(tactic_trail, {'id': id, 'tactic': act}, with_context = false) }}
                    </div>
                    
                    {{ include('AlsuiteProjectBundle:Tactic:del.html.twig',
                        {'id': id, 'modal': 'delTactic', 'object': 'Tactic',
                        'route': path('tactic_del', {'id': id})}, with_context = false)
                    }}

                    {{ include('AlsuiteProjectBundle:Tactic:open.html.twig',
                        {'id': id, 'modal': 'tacticOpen', 'object': 'Tactic', 'action': 'Mark As OPEN',
                        'route': path('tactic_markas_open', {'tactic': id})}, with_context = false)
                    }}
                    {{ include('AlsuiteProjectBundle:Tactic:file.html.twig',
                        {'id': id, 'modal': 'tacticFiled', 'object': 'Tactic', 'action': 'Mark As FILED',
                        'route': path('tactic_markas_filed', {'tactic': id})}, with_context = false)
                    }}
                    {{ include('AlsuiteProjectBundle:Tactic:done.html.twig',
                        {'id': id, 'modal': 'tacticDone', 'object': 'Tactic', 'action': 'Mark As EXECUTED',
                        'route': path('tactic_markas_executed', {'tactic': id})}, with_context = false)
                    }}

                    {% if act.isDone() and act.fieldReportIsRequired and
                        act.fieldReportStatus() == OPEN %}
                    {{ include('AlsuiteProjectBundle:Tactic:fileFR.html.twig',
                        {'id': id, 'modal': 'fileFR', 'object': 'Field Report', 'action': 'Mark As FILED',
                        'route': path('file_report', {'id': id})}, with_context = false)
                    }}
                    {% endif %}
                </div>
                {% else %}
                Please click on an activity 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 %}