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

{% form_theme form inline_form_theme %}

{% block title "List Of Approval Levels" %}
    
{% 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 Approval Levels</span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for level in pagination %}
                    {% set id = level.getId() %}
                    
                    {% if aplvl is not null %}
                    {% set selid = aplvl.getId() %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}
                    
                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('level_home', {'aplvl': id, 'page': page, 'name': name}) }}">
                        {{ level.getInstanceLabel()}}<br/>
                        {{ level.getName() }}
                    </a>
                    {% else %}
                    There are no Approval Levels created yet.
                    {% 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">Approval Level Details</span>
                </div>
            </div>
            <div class="panel-body">
                {% if aplvl is not null %}
                {% set id = aplvl.getId() %}
                <span style="font-size: 14px; font-weight: 400;">{{ aplvl.getName() }} ({{ aplvl.getInstanceLabel()}})</span><br/>
                
                <div id="appr-tabs">
                    <ul class="nav nav-tabs nav-justified">
                        <li><a href="#appvrlevel">Approval Level</a></li>
                        <li><a href="#appvrs">Approvers</a></li>
                        <li><a href="#units">Units</a></li>
                        <li><a href="#trgrs">Triggers</a></li>
                    </ul>
                
                    <div class="tab-content">
                        <div id="appvrlevel">
                            <div style="{{ btnLinks }}"> 
                                 <a class="{{ grey_sm_btn }}" href="{{ path('level_edit', {'id': id}) }}">Edit</a>
                                 <a data-toggle="modal" class="{{ grey_sm_btn }}" href="#delApprovalLevel{{ id }}">Delete</a>
                            </div>
                            <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                                <colgroup><col style="width: 30%;"><col style="width: available;"></colgroup>
                                <tbody>
                                    <tr><th>Coverage</th><td>{{ aplvl.getCoverageLabel() }}</td></tr>
                                    <tr><th>Rule</th><td>{{ aplvl.getRuleLabel() }}</td></tr>
                                    <tr><th>Status</th><td>{{ aplvl.getStatus() }}</td></tr>
                                </tbody>
                            </table>
                        </div>
                        <div id="appvrs">
                            <div style="{{ btnLinks }}"> 
                                <a class="{{ grey_sm_btn }}" href="{{ path('approver_assign', {'id': id}) }}">Assign</a>
                            </div>
                            <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                                <colgroup>
                                    <col style="width: 33%;"><col style="width: 33%;">
                                    <col style="width: available;">
                                </colgroup>
                                <thead><tr><th colspan="3">Approvers</th></tr></thead>
                                <tbody>
                                    {% for approver in aplvl.getActiveApprovers() %}
                                    {% if loop.index0 is divisibleby(3) %}
                                    <tr>
                                    {% endif %}
                                        <td>{{ approver.getUser().getFullname() }}</td>
                                    {% if loop.index is divisibleby(3) %}
                                    </tr>
                                    {% endif %}
                                    {% else %}
                                    <tr>
                                        <td colspan="3">There are no approvers assigned yet.</td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div id="units">
                            <div style="{{ btnLinks }}"> 
                                {% if aplvl.isForSpecificUnits() %}
                                <div style="{{ btnLinks }}">
                                    <a class="{{ grey_sm_btn }}" href="{{ path('lvlunit_assign', {'id': id}) }}">Assign Units</a>
                                </div>
                                <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                                    <colgroup>
                                        <col style="width: 33%;"><col style="width: 33%;">
                                        <col style="width: available;">
                                    </colgroup>
                                    <thead><tr><th colspan="3">Units</th></tr></thead>
                                    <tbody>
                                        {% for lvlUnit in aplvl.getActiveLevelUnits() %}
                                        {% if loop.index0 is divisibleby(3) %}
                                        <tr>
                                            {% endif %}
                                            <td>{{ lvlUnit.getUnit().getName() }}</td>
                                            {% if loop.index is divisibleby(3) %}
                                        </tr>
                                        {% endif %}
                                        {% else %}
                                        <tr>
                                            <td colspan="2">There are no units assigned yet.</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                {% else %}
                                <span>Units are not applicable to a level with Global coverage.</span>
                                {% endif %}
                            </div>
                        </div>
                        <div id="trgrs">
                            <div style="{{ btnLinks }}"> 
                                {% if aplvl.mustApprove() %}
                                <a class="{{ grey_sm_btn }}" href="{{ path('levels_triggered', {'level': id}) }}">Assign Levels To Trigger</a>
                                {% endif %}

                                {% if aplvl.mustApprove() %}
                                <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                                    <colgroup>
                                        <col style="width: 33%;"><col style="width: 33%;">
                                        <col style="width: available;">
                                    </colgroup>
                                    <thead><tr><th colspan="3">Levels Triggered</th></tr></thead>
                                    <tbody>
                                        {% for triggered in aplvl.getActiveTriggeredLevels %}
                                        {% if loop.index0 is divisibleby(3) %}
                                        <tr>
                                            {% endif %}
                                            <td>{{ triggered.getName() }}</td>
                                            {% if loop.index is divisibleby(3) %}
                                        </tr>
                                        {% endif %}
                                        {% else %}
                                        <tr><td colspan="2">None</td></tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                {% elseif aplvl.approvesOnRequest() %}
                                <table class="table table-bordered table-striped" style="{{ tbl_margin }}">
                                    <colgroup>
                                        <col style="width: 33%;"><col style="width: 33%;">
                                        <col style="width: available;">
                                    </colgroup>
                                    <thead><tr><th colspan="3">Level Triggerers</th></tr></thead>
                                    <tbody>
                                        {% for triggerer in aplvl.getActiveTriggerers %}
                                        {% if loop.index0 is divisibleby(3) %}
                                        <tr>
                                            {% endif %}
                                            <td>{{ triggerer.getName() }}</td>
                                            {% if loop.index is divisibleby(3) %}
                                        </tr>
                                        {% endif %}
                                        {% else %}
                                        <tr><td colspan="2">None specified</td></tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                {% endif %}
                            </div>
                        </div>

                        {{ include('AlsuiteProjectBundle:ApprovalLevel:del.html.twig',
                            {'id': id, 'modal': 'delApprovalLevel', 'object': 'Approval Level',
                            'action': 'Delete', 'route': path('level_del', {'id': id})}, with_context = false)
                        }}
                    </div>
                </div>
            </div>          
        {% else %}
        Please click on an Approval level in the left panel to view its details here.
        {% endif %}
    </div>
</div>
{% endblock %} 

{% block javascripts %}
<script type="text/javascript">
    $(document).ready(function() {
        $('#appr-tabs').easytabs();
    });
</script>
{% endblock %}