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

{% form_theme form inline_form_theme %}

{% block title "List Of Work Plans" %}
    
{% block content %}
{{ form(form) }}

<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 Work Plans</span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for wplan in pagination %}
                    {% set id = wplan.getId() %}
                    
                    {% if wpln is not null %}
                    {% set selid = wpln.getId() %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}
                    
                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('wplan_home', {'wpln': id, 'page': page, 'name': name}) }}">
                        {{ wplan.getName() }}<br/>
                        {{ wplan.getStartsOn|date(date_format) }} to {{ wplan.getEndsOn|date(date_format) }}
                    </a>
                    {% else %}
                    There are no work plans under this unit.<br/>
                    <a class="{{ grey_sm_btn }}" href="{{ path("wplan_create") }}">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">Work Plan Details</span>
                </div>
            </div>
            <div class="panel-body">
                {% if wpln is not null %}
                {% set id = wpln.getId() %}
                <span style="font-size: 14px; font-weight: 400;">{{ wpln.getName() }}</span><br/>
                {% if not wpln.isClosed() %}
                <a class="{{ grey_sm_btn }}" href="{{ path('wplan_edit', {'id': id}) }}">Edit</a>
                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#myModal{{ id }}">Delete</a>
                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#close{{ id }}">Close</a>
                {% else %}
                <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#open{{ id }}">Reopen</a>
                {% endif %}
                
                {% if partOfTeam %}
                <div class="btn-group">
                    <a data-toggle="dropdown" class="{{ grey_sm_btn }} dropdown-toggle">
                        Manage <span class="caret"></span>
                    </a>
                    <div class="dropdown-menu" role="menu">
                        <a class="{{ gen_btn }}" href="{{ path('target_home', {'id': id}) }}">View Targets</a>
                        <a class="{{ gen_btn }}" href="{{ path('target_add', {'id': id}) }}">Create A Target</a>
                        <a class="{{ gen_btn }}" href="{{ path('tactic_home', {'wplan': id}) }}">View Activities</a>
                        <a class="{{ gen_btn }}" href="{{ path('tactic_wplan_create', {'id': id}) }}">Create An Activity</a>
                    </div>
                </div> 
                {% endif %}
                
                <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                    <tbody>
                        <tr><th>WorkPlan Name</th><td>{{ wpln.getName() }}</td></tr>
                        <tr><th>Start Date </th><td>{{ wpln.getStartsOn|date(date_format) }}</td></tr>
                        <tr><th>End Date </th><td>{{ wpln.getEndsOn|date(date_format) }}</td></tr>
                        <tr><th>Budget</th><td>{{ wpln.getOrganizationCurrency() }} {{ wpln.getBudget()|number_format(2, '.', ',') }}</td></tr>
                        <tr><th>Status</th><td>{{ wpln.getStatusLabel() }}</td></tr>
                        <tr><th>Are Field Reports required by default?</th><td>{{ wpln.getDefaultFieldReportRequirementLabel() }}</td></tr>
                        <tr><th>Max Number of Pending Field Reports allowed</th><td>{{ wpln.maxPendingFieldReports }}</td></tr>
                        <tr><th>Max Number of Pending Accountabilities allowed</th><td>{{ wpln.maxPendingAccs }}</td></tr>
                        <tr>
                            <th>Team</th>
                            <td>
                                {% for member in team %}
                                {{ member.member.fullname }}<br/>
                                {% endfor %}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>  
        
        {% if not wpln.isClosed() %}                           
        {{ include('AlsuiteProjectBundle:WorkPlan:del.html.twig',
            {'id': id, 'action': 'Delete', 'object': 'Work Plan',
            'route': path('wplan_del', {'id': id})}, with_context = false)
        }}

        {{ include('AlsuiteProjectBundle:WorkPlan:close.html.twig',
            {'id': id, 'action': 'Close', 'object': 'Work Plan', 'modal': 'close',
            'route': path('wplan_close', {'id': id})}, with_context = false)
        }}
        {% else %}         
        {{ include('AlsuiteProjectBundle:WorkPlan:open.html.twig',
            {'id': id, 'action': 'Open', 'object': 'Work Plan', 'modal': 'open',
            'route': path('wplan_open', {'id': id})}, with_context = false)
        }}
        {% endif %}
                        
        {% else %}
        Please click on a workplan in the left panel to view its details here.
        {% endif %}
    </div>
</div>
{% endblock %}