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

{% 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 title "Manage Project" %}
    
{% block content %}
    <div class="col-md-12">
        {% if project is not null %}
        <h3 style="font-weight: 300;">{{ project.name }}</h3>
        <div id="project-tabs" class="panel panel-primary">
            {% set id = project.id %}
            <ul class="nav nav-tabs nav-justified">
                <li><a href="#overview" data-toggle="tab"><b>Overview</b></a></li>
                <li><a href="#outc" data-toggle="tab"><b>Outcomes</b></a></li>
                <li><a href="#outp" data-toggle="tab"><b>Outputs</b></a></li>
                <li><a href="#inds" data-toggle="tab"><b>Output Indicators</b></a></li>
            </ul>

            <div class="panels">
                <div id="overview">
                    <div style="{{ btnLinks }}"> 
                        <a class="{{ grey_sm_btn }}" href="{{ path('strategic_project_edit', {'id': id}) }}">Edit</a>
                        <a class="{{ grey_sm_btn }}" data-toggle="modal" href="#prj{{ id }}">Delete</a>

                        {{ include('AlsuiteProjectBundle:StrategicProject:del.html.twig',
                            {'id': id, 'action': 'Delete', 'object': 'Strategic Project',
                            'route': path('strategic_project_del', {'id': id}), 'modal': 'prj'})
                        }} 
                    </div>
                    <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                        <tbody>
                            <tr>
                                <th>Period</th>
                                <td>{{ project.getStartsOn|date(date_format) ~ ' to ' ~  project.getEndsOn|date(date_format) }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="outc">
                    {% if outcome is not null %}
                    {% set ocid = outcome.id %}
                    <h4 style="font-weight: 300;">{{ outcome.outcome }}</h4>

                    <div style="{{ btnLinks }}">
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_outcome_edit', {'id': ocid}) }}">Edit</a>
                        <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#outcome{{ ocid }}">Delete</a>
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_output_add', {'outcome': ocid}) }}">Add Outputs</a>

                        {{ include('AlsuiteProjectBundle:StrategicPlanOutcome:del.html.twig',
                            {'id': ocid, 'action': 'Delete', 'object': 'Strategic Plan Outcome',
                            'route': path('sp_outcome_del', {'id': ocid}), 'modal': 'outcome'})
                        }}
                        <a class="{{ grey_sm_btn }}" href="{{ path('strategic_project_view', {'id': id}) ~ '#outc' }}">Back to List</a>
                    </div>

                    {% set wgt = outcome.sumOfOutputWeights() %}
                    {% if wgt > 100 %}
                    {% set omsg = "The sum of the output weights per outcome must be equal to 100. The sum under this outcome is " ~ wgt ~ '.' %}
                    <button class="btn btn-xs btn-danger" data-toggle="popover" data-placement="bottom" data-content="{{ omsg }}" data-original-title="Output Weights Error">Outputs Total Weight Error</button>
                    {% elseif wgt < 100 %}
                    {% set omsg = "The sum of the output weights per outcome must be equal to 100. The sum under this outcome is " ~ wgt ~ '.' %}
                    <button class="btn btn-xs btn-warning" data-toggle="popover" data-placement="bottom" data-content="{{ omsg }}" data-original-title="Output Weights Reminder">Outputs Total Weight Reminder</button>
                    {% endif %}<br/>

                    <table class="table table-bordered table-striped tablesorter" style="{{ tbl_margin }}">
                        <thead>
                            <tr>
                                <th>Output</th><th>Weight</th>
                                {# <th>Progress %</th> #}
                            </tr>
                        </thead>
                        <tbody>
                            {% for output in outcome.outputs %}
                            {% set oid = output.id %}
                            <tr>
                                <td>
                                    <a href="{{ path('strategic_project_view', {'outp': oid, 'id': id}) ~ '#outp' }}">{{ output.output }}</a>
                                </td>
                                <td>{{ output.weight }}</td>
                                {#<td>{{ output.progress|round|number_format(0) }}</td>#}
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="4">
                                    No outputs have been created under this outcome yet.
                                </td>
                            </tr>
                            {% endfor %}
                            <tr>
                                <td style="text-align: right;">Overall</td>
                                <td>{{ outcome.sumOfOutputWeights() }}</td><td></td>
                                {#<td>{{ progress|round|number_format(0) }}</td>#}
                            </tr>
                        </tbody>
                    </table>
                    {% else %}
                    <div style="{{ btnLinks }}"> 
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_outcome_add', {'id': id}) }}">Add</a>
                    </div>
                    <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                        <thead><tr><th>Description</th><th></th></tr></thead>
                        <tbody>
                            {% for outcome in project.outcomes %}
                            {% set ocid = outcome.id %}
                            <tr>
                                <td>{{ outcome.outcome }}</td>
                                <td>
                                    <a href="{{ path('strategic_project_view', {'outc': ocid, 'id': id}) ~ '#outc' }}">View</a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
                <div id="outp">
                    {% if output is not null %}
                    {% set opid = output.id %}
                    <h4 style="font-weight: 300;">{{ output.output }}</h4>

                    <div style="{{ btnLinks }}">
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_output_edit', {'id': opid}) }}">Edit</a>
                        <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#output{{ opid }}">Delete</a>
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_output_ind_create', {'output': opid}) }}">Add Indicators</a>

                        {{ include('AlsuiteProjectBundle:StrategicPlanOutput:del.html.twig',
                            {'id': opid, 'action': 'Delete', 'object': 'Strategic Plan Output', 'modal': 'output', 
                            'route': path('sp_output_del', {'id': opid})})
                        }}
                        <a class="{{ grey_sm_btn }}" href="{{ path('strategic_project_view', {'id': id}) ~ '#outp' }}">Back to List</a>
                    </div>

                    {% if output.numOfIndicators() == 0 %}
                    <button class="btn btn-xs btn-danger">Lacks Indicators</button>
                    {% else %}
                    {% set wgt = output.sumOfIndicatorWeights() %}
                    {% if wgt != 100 %}
                    {% set omsg = "The sum of the indicator weights per output must be equal to 100. The sum under this output is " ~ wgt ~ '.' %}
                    <button class="btn btn-xs btn-danger" data-toggle="popover" data-placement="bottom" data-content="{{ omsg }}" data-original-title="Indicator Weights Alert">Indicator Weights Alert</button>
                    {% endif %}
                    {% endif %}<br/>

                    <table class="table table-bordered table-striped tablesorter" style="{{ tbl_margin }}">
                        <thead>
                            <tr>
                                <th>Name</tg><th>Tracked</th>
                                <th>Weight</th><th>Baseline</th>
                                <th>Target</th>
                                {#<th>Achieved</th><th>Rate %</th>#}
                            </tr>
                        </thead>
                        <tbody>
                            {% for ind in output.getIndicators() %}
                            <tr>
                                <td width="30%">
                                    <a href="{{ path('strategic_project_view', {'ind': ind.id, 'id': id}) ~ '#inds' }}">{{ ind.details }}</a>
                                </td>
                                <td>{{ ind.getTrackingTypeLabel() }}</td>
                                <td>{{ ind.weight }}</td>
                                <td>{{ ind.baseline }}</td><td>{{ ind.target }}</td>
                                {#<td>{{ ind.getLatestScore()|round|number_format(0) }}</td>
                                <td>{{ ind.achievedPercent|round|number_format(0) }}</td>#}
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="7">
                                    There are no indicators under this output currently.
                                </td>
                            </tr>
                            {% endfor %}
                            <tr>
                                <th width="30%" style="text-align: right;">Overall</th>
                                <th></th>
                                <th>{{ output.sumOfIndicatorWeights() }}</th><th></th><th></th>
                                <th>{# progress|round|number_format(0) #}</th>                           
                            </tr>
                        </tbody>
                    </table>
                    {% else %}
                    <table class="table table-bordered table-striped tablesorter" style="{{ tbl_margin }}">
                        <thead>
                            <tr>
                                <th>Outcome</th><th>Output</th><th>Weight</th><th>Period</th><th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for outcome in project.outcomes %}
                            {% for output in outcome.outputs %}
                            {% set opid = output.id %}
                            <tr>
                                <td width="35%">{{ outcome.outcome }}</td>
                                <td width="35%">{{ output.output }}</td>
                                <td width="10%">{{ output.weight }}</td>
                                <td width="20%">
                                    <a href="{{ path('strategic_project_view', {'outp': opid, 'id': id}) ~ '#outp' }}">View</a>
                                </td>
                            </tr>
                            {% endfor %}
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
                <div id="inds">
                    {% if indicator is not null %}
                    {% set oind = indicator.id %}
                    <h4 style="font-weight: 300;">{{ indicator.details }}</h4>
                    <div style="{{ btnLinks }}">
                        <a class="{{ grey_sm_btn }}" href="{{ path('sp_output_ind_edit', {'oi': oind}) }}">Edit</a>
                        <a class="{{ grey_sm_btn }}" data-toggle="modal" href="#inddel{{ oind }}">Delete</a>
                        {% if indicator.isTrackedQualitatively() %}
                        <a class="{{ grey_sm_btn }}" href="{{ path('ind_qual_progress_add', {'outInd' : oind, 'targetInd': 0, 'type': 1}) }}">Add Progress</a>
                        {% else %}
                        <a class="{{ grey_sm_btn }}" href="{{ path('ind_quant_progress_add', {'outInd' : oind, 'targetInd': 0, 'type': 1}) }}">Add Progress</a>
                        {% endif %}

                        {{ include('AlsuiteProjectBundle:OutputIndicator:del.html.twig',
                            {'id': oind, 'action': 'Delete', 'object': 'Indicator', 'modal': 'inddel', 
                            'route': path('sp_output_ind_del', {'id': oind, 'type': 1})})
                        }}
                        <a class="{{ grey_sm_btn }}" href="{{ path('strategic_project_view', {'id': id}) ~ '#inds' }}">Back to List</a>
                    </div>
                    <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                        <tbody>
                            <tr>
                                <th>Is Tracked</th><td>{{ indicator.getTrackingTypeLabel() }}</td>
                            </tr>
                            <tr>
                                <th>Weight</th><td>{{ [indicator.weight, '%']|join }}</td>
                            </tr>
                            <tr>
                                <th>Baseline</th><td>{{ indicator.baseline }}</td>
                            </tr>
                            <tr>
                                <th>Target</th><td>{{ indicator.target }}</td>
                            </tr>
                            <tr>
                                <th>Achieved</th>
                                <td>
                                    {{ indicator.getLatestScore() }}{% if indicator.isTrackedQualitatively() %}%{% endif %}
                                </td>
                            </tr>
                            {% if indicator.isTrackedThroughCumulativeAggregates() %}
                            <tr>
                                <th>Achieved %</th>
                                <td>
                                    {% if indicator.target is not null or indicator.target != 0 %}
                                    {{ ((indicator.getLatestScore()/indicator.getTarget())*100)|round|number_format(0) ~ '%' }}
                                    {% else %}
                                    0
                                    {% endif %}
                                </td>
                            </tr>
                            {% endif %}
                        </tbody>
                    </table>
                    <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                        <colgroup>
                            <col style="width: 10%;"/><col style="width: 15%;"/>
                            <col style="width: 50%;"/><col style="width: available;"/>
                        </colgroup>
                        <thead>
                            <tr><th>Value</th><th>Date</th><th>Details</th><th>Options</th></tr>
                        </thead>
                        <tbody>
                            {% for prg in indicator.getProgress() %}
                            {% set pid = prg.id %}
                            <tr>
                                <td>
                                    {{ indicator.isTrackedQualitatively() ? 
                                        prg.getWeightContributed() : prg.getQtyAchieved() 
                                    }}
                                </td>
                                <td>
                                    {% if prg.AchievedOn is not null %}
                                        {{ prg.getAchievedOn()|date(date_format) }}
                                    {% endif %}
                                </td>
                                <td>{{ prg.getDetails()|raw }}</td>
                                <td>
                                    {% if indicator.isTrackedQualitatively() %}
                                    <a class="{{ tbl_link }}" href="{{ path('ind_qual_progress_edit', {'progress': pid, 'type': 1, 'redirect': 'sp' }) }}">Edit</a>
                                    {% else %}
                                    <a class="{{ tbl_link }}" href="{{ path('ind_quant_progress_edit', {'progress': pid, 'type': 1, 'redirect': 'sp'}) }}">Edit</a>
                                    {% endif %}

                                    <a class="{{ tbl_link }}" data-toggle="modal" href="#indprgdel{{ pid }}">Delete</a>

                                    {{ include('AlsuiteProjectBundle:OutputIndicatorProgress:del.html.twig',
                                        {'id': pid, 'action': 'Delete', 'object': 'Progress Record', 
                                        'modal': 'indprgdel', 
                                        'route': path('ind_progress_del', {'progress': pid, 'type': 1})})
                                    }}
                                </td>
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="4">
                                    There are no progress records currenlty.<br/>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% else %}
                    <table class="table table-bordered table-striped tablesorter" style="{{ tbl_margin }}">
                        <thead>
                            <tr>
                                <th>Output</th>
                                <th>Name</tg><th>Tracked</th>
                                <th>Weight</th><th>Baseline</th>
                                <th>Target</th><th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for outcome in project.outcomes %}
                            {% for output in outcome.outputs %}
                            {% for ind in output.indicators %}
                            {% set oind = ind.id %}
                            <tr>
                                <td width="25%">{{ output.output }}</td>
                                <td width="21%">{{ ind.details }}</td>
                                <td width="20%">{{ ind.getTrackingTypeLabel() }}</td>
                                <td width="8%">{{ ind.weight }}</td>
                                <td width="8%">{{ ind.baseline }}</td>
                                <td width="8%">{{ ind.target }}</td>
                                <td width="10%">
                                    <a class="{{ tbl_link }}" href="{{ path('strategic_project_view', {'id': id, 'ind': oind}) ~ '#inds' }}">View</a>
                                </td>
                            </tr>
                            {% endfor %}
                            {% endfor %}
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
            </div>
        </div>
        {% else %}
            We are sorry, but we cannot find the selected project. Please try again.
        {% endif %}
    </div>
{% endblock %}
    
{% block javascripts %}
<script type="text/javascript">
    $(document).ready(function() {
        $('#project-tabs').easytabs();
    });
</script>
{% endblock %}