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

{% block title "List Of WorkPlan Activities" %}
    
{% block newStyles %}
    <style>
        .nav-tabs > li.active > a, 
        .nav-tabs > li.active > a:focus, 
        .nav-tabs > li.active > a:hover {
            background-color: #337ab7;
            color: #fff;
        }
    </style>
{% endblock %}
    
{% block content %}
{{ include(workplan_links, {'show_search': false}, with_context = false) }}

{% 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') %}
{% set DELETED = constant('\\Alsuite\\ProjectBundle\\Entity\\Tactic::DELETED') %}

<div class="row">
    <div class="col-md-2">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="center-text">
                    <span class="label"> List Of Activities </span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for tactic in pagination %}
                    {% set id = tactic.getId() %}
                    
                    {% if activity is not null %}
                    {% set selid = activity.getId() %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}
                    
                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('tactic_home', {'wplan': wplan, 'act': id, 'creator': 0, 'status': status, 'page': page}) }}">
                        {{ tactic.getSerial() }} <br/>
                        {{ tactic.getTitle() }} <br/>
                        {{ currency }} {{ tactic.getBudget()|number_format(2, '.', ',') }} <br/>
                        {{ tactic.getStatusLabel() }}
                    </a>
                    {% else %}
                    There are no activities under the selected criteria.<br/>
                    <a class="{{ grey_xs_button }}" href="{{ path('tactic_wplan_create', {'id': app.session.get('wplan')}) }}">Create</a>
                    {% endfor %}
                </div>
                <div>
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-10">
        <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 activity is not null %}
                {% set id = activity.getId() %}
                <table class="table table-bordered" style="margin: 0;">
                    <tbody>
                        <tr>
                            <th style="font-size: 14px";>
                                {{ activity.getSerial() }}<br/>
                                {{ activity.getTitle() }}
                            </th>
                        </tr>
                    </tbody>
                </table>
                
                <div id="activity-tabs">
                    <ul class="nav nav-tabs nav-justified">
                        <li><a href="#actdetails"><b>Activity</b></a></li>
                        {#<li><a href="#tgtdetails"><b>Target</b></a></li>#}
                        <li><a href="#budget"><b>Budget</b></a></li>
                        <li><a href="#inds"><b>Indicators</b></a></li>
                        <li><a href="#attach"><b>Attachments</b></a></li>
                        <li><a href="#comments"><b>Comments</b></a></li>
                        <li><a href="#hr"><b>Implementers</b></a></li>
                        <li><a href="#appr"><b>Approvals</b></a></li>
                        <li><a href="#fr"><b>Field Report</b></a></li>
                        <li><a href="#history"><b>Activity Trail</b></a></li>
                    </ul>
                
                    <div class="tab-content">
                        <div id="actdetails">
                            <div style="{{ btnLinks }}">
                                {% set status = activity.getStatus() %}
                                {% if status != DELETED %}
                                {% if not activity.requisitionIsApproved() and not activity.isDone() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('tactic_edit', {'tactic': id}) }}">Edit</a>
                                {% endif %}
                                {% if not activity.activityPlanIsApproved() and not activity.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 %}
                                {% if activity.getBudget() > 0 and activity.payments is not null %}
                                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticDone{{ id }}">Mark As Executed</a>
                                {% elseif activity.getBudget() == 0 %}
                                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#tacticDone{{ id }}">Mark As Executed</a>
                                {% endif %}
                                {% endif %}
                                {% if status == DONE %}
                                {% if not activity.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 %}
                                {% endif %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('tactic_document_details', {'id': id}) }}">Details Document</a>
                                {# <a class="{{ grey_sm_btn }}" href="{{ path('tactic_document_purchase', {'id': id}) }}">Purchase Document</a> #}
                            </div>
                            {{ include('AlsuiteProjectBundle:Target:targetDetails.html.twig', 
                                {'target': activity.getTarget(), 'spent': spent, 'committed': committed}, with_context = false)
                            }}
                            {{ include(tactic_details, 
                                {'id': id, 'tactic': activity, 'AP': AP, 'REQN': REQN, 'FR': FR, 
                                'currency': currency}, 
                                with_context = false) 
                            }}                              
                        </div>
                        {#<div id="tgtdetails">
                            {{ include('AlsuiteProjectBundle:Target:targetDetails.html.twig', 
                                {'target': activity.getTarget(), 'spent': spent}, with_context = false)
                            }}
                        </div>#}
                        <div id="budget">
                            <div style="{{ btnLinks }}">
                                <!-- reqn lines -->
                                {% if not activity.requisitionIsApproved() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('reqn_create', {'tactic': id}) }}">Add/Edit</a>
                                {# if activity.numOfReqnLines() > 0 %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('reqn_edit', {'tactic': id}) }}">Edit All</a>
                                {% endif #}
                                {% endif %}
                                <!-- amount spent -->
                                {# if activity.fundsHaveBeenReleased() and activity.isDone() and 
                                    not activity.isAccountedFor() %}
                                <div style="{{ btnLinks }}">
                                    <a class="{{ grey_sm_btn }}" href="{{ path('reqn_edit_spent', {'tactic': id}) }}">Edit Amounts Spent</a>
                                </div>
                                {% endif #}
                            </div>
                            <div id="budget-tabs">
                                <ul class="nav nav-pills nav-justified" style="margin-top: 2px;">
                                    <li><a href="#reqn">Requisition Lines</a></li>
                                    <li><a href="#booking">Booking Details</a></li>
                                    <li><a href="#acc">Accountability Status</a></li>
                                    <li><a href="#returns">Cash Returns Status</a></li>
                                </ul>
                            
                                <div class="panels">
                                    <div id="reqn">
                                        {% if activity.requisitionIsApproved %}
                                        {% set rdel = 0 %}
                                        {% else %}
                                        {% set rdel = 1 %}
                                        {% endif %}
                                        {{ include(reqn_lines, {'id': id, 'tactic': activity, 'level': null, 'del': rdel, 
                                            'currency': currency}, with_context = false)
                                        }}
                                    </div>
                                    <div id="booking">
                                        {% if activity.activityPlanIsApproved() %}
                                        {{ include(booking_details, {'id': id, 'tactic': activity, 
                                            '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">
                                        {% if activity.fundsHaveBeenReleased() or activity.payments is not null %}
                                        {{ include(accountability, {'id': id, 'tactic': activity, 'level': null, 
                                            'currency': currency, 'mng_acc': 0}, 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">
                                        {% if activity.fundsHaveBeenReleased() or activity.payments is not null %}
                                        {{ include(settlements, {'id': id, 'tactic': activity, '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>
                            </div>
                        </div>
                        <div id="inds">
                            <div style="{{ btnLinks }}">
                                {% if not activity.requisitionIsApproved() and not activity.isDone() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('act_ind_create_planned', {'act': id, 'level': 0}) }}">Create Planned</a>
                                {% endif %}
                                {% if activity.isDone() and not activity.fieldReportIsApproved() %} 
                                {% if activity.numOfIndicators() > 0 %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('act_ind_report_actual', {'act': id}) }}">Edit Actual</a>
                                {% endif %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('act_ind_report_progress', {'act': id, 'level': 0}) }}">Record Progress</a>
                                {% endif %}
                            </div>
                            {{ include(tactic_indicators, 
                                {'id': id, 'activity': activity, 'mng_indicators': 1}, 
                                with_context = false) 
                            }}
                        </div>
                        <div id="attach">
                            <div style="{{ btnLinks }}">
                                <a class="{{ grey_sm_btn }}" href="{{ path('tactic_upload', {'id': id}) }}">Upload Other Docs</a>
                                {% if not activity.isAccountedFor() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('tactic_upload_receipt', {'id': id}) }}">Upload Acc</a>
                                <a class="{{ grey_sm_btn }}" href="{{ path('tactic_upload_receipt_per_reqn', {'id': id}) }}">Upload Acc per Reqn Line</a>
                                {% endif %}
                            </div>
                            {{ include(tactic_documents, {'id': id, 'tactic': activity, 'mng_upload': 1}) }}
                        </div>
                        <div 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': activity, 'level': null, 
                                'mng_comments': 1}, with_context = false) 
                            }}
                        </div>
                        <div id="hr">
                            <div style="{{ btnLinks }}">
                                {% if not activity.isDone() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('assign_implementers', {'tactic': id}) }}">Assign/Edit HR</a>
                                {% endif %}
                            </div>
                            {{ include(implementers,
                                {'id': id, 'tactic': activity}, with_context = false)
                            }}
                        </div>
                        <div id="appr">
                            {{ include(tactic_approvals, {'id': id, 'tactic': activity,
                                'instance': AP, 'label': 'AP', 'approve': 0}, with_context = false)
                            }}

                            {{ include(tactic_approvals, {'id': id, 'tactic': activity,
                                'instance': REQN, 'label': 'REQN', 'approve': 0}, with_context = false)
                            }}

                            {% if activity.fieldReportIsRequired() and activity.fieldReportIsFiled() %}
                            {{ include(tactic_approvals, {'id': id, 'tactic': activity,
                                'instance': FR, 'label': 'FR', 'approve': 0}, with_context = false)
                            }}
                            {% endif %}
                        </div>
                        <div id="fr">
                            {% if activity.isDone() and activity.fieldReportIsRequired() %}
                            <div style="{{ btnLinks }}">
                                {% if not activity.fieldReportIsApproved %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('fldreport_edit', {'id': id}) }}">Edit</a>
                                {% if activity.getFieldReportStatus() == OPEN %}
                                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#fileFR{{ id }}">Mark As Filed</a>
                                {% endif %}
                                {% endif %}
                            </div>
                            {{ include(report_details, {'id': id, 'tactic': activity}, with_context = false) }}
                            {% else %}
                            <div style="margin-top: 5px;">
                                In order to access the Field Report functions, a report should be requested for the activity and the AP must be marked as Done.
                            </div>
                            {% endif %}
                        </div>
                        <div id="history">
                            {{ include(tactic_trail, {'id': id, 'tactic': activity}, with_context = false) }}
                        </div>

                        {{ include('AlsuiteProjectBundle:Tactic:del.html.twig',
                            {'id': id, 'modal': 'delTactic', 'object': 'Activity',
                            'route': path('tactic_del', {'id': id})}, with_context = false)
                        }}

                        {{ include('AlsuiteProjectBundle:Tactic:open.html.twig',
                            {'id': id, 'modal': 'tacticOpen', 'object': 'Activity', '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': 'Activity', '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': 'Activity', 'action': 'Mark As EXECUTED',
                            'route': path('tactic_markas_executed', {'tactic': id})}, with_context = false)
                        }}

                        {% if activity.isDone() and activity.fieldReportIsRequired and
                            activity.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>
                </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() {
        $('#activity-tabs, #budget-tabs').easytabs();
    });
</script>
{% endblock %}