{% extends "::base.html.twig" %}
{% form_theme form inline_form_theme %}

{% block title 'List Of Approval Levels' %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-md-3 center center-text">
            <span class="label">List Of Approval Levels</span>
        </div>
    </div>
    <div class="panel-body">
        {{ form(form) }}

        <table class="table table-bordered table-striped table-hover" style="margin-top: 5px;">
            <colgroup>
                <col style="width: 30%;"><col style="width: available;">
            </colgroup>
            <thead>
                <tr>
                    <th>{{ knp_pagination_sortable(pagination, 'Name',  'ap.name') }}</th>
                    <th></th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td colspan="2">{{ knp_pagination_render(pagination) }}</td>
                </tr>
            </tfoot>
            <tbody>
                {% for level in pagination %}
                {% set id = level.getId() %}
                <tr>
                    <td>
                        <strong>{{ level.getInstanceLabel() }}</strong><br/>
                        {{ level.getName() }}
                    </td>
                    <td>
                        <div class="btn-group">
                            <a data-toggle="collapse" href="#approvalLevel{{ id }}" class="{{ grey_sm_btn }}">
                                Approval Level
                            </a>
                            <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="{{ gen_btn }}" href="{{ path('level_edit', {'id': id}) }}">Edit</a>
                                <a data-toggle="modal" class="{{ gen_btn }}" href="#delApprovalLevel{{ id }}">Delete</a>
                            </div>
                        </div>
                        <div class="btn-group">
                            <a data-toggle="collapse" href="#approvers{{ id }}" class="{{ grey_sm_btn }}">
                                Approvers
                            </a>
                            <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="{{ gen_btn }}" href="{{ path('approver_assign', {'id': id}) }}">Assign</a>
                            </div>
                        </div>
                        {% if level.mustApprove() %}
                        <div class="btn-group">
                            <a data-toggle="collapse" href="#triggered{{ id }}" class="{{ grey_sm_btn }}">
                                Levels To Trigger
                            </a>
                            <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="{{ gen_btn }}" href="{{ path('levels_triggered', {'level': id}) }}">Assign</a>
                            </div>
                        </div>
                        {% elseif level.approvesOnRequest() %}
                        <a data-toggle="collapse" class="{{ grey_sm_btn }}" href="#triggerers{{ id }}">Levels That Trigger</a>
                        {% endif %}
                        {% if level.isForSpecificUnits() %}
                        <div class="btn-group">
                            <a data-toggle="collapse" href="#approvalLevelUnits{{ id }}" class="{{ grey_sm_btn }}">
                                Level Units
                            </a>
                            <button type="button" class="{{ grey_sm_btn }} dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="{{ gen_btn }}" href="{{ path('lvlunit_assign', {'id': id}) }}">Assign</a>
                            </div>
                        </div>
                        {% endif %}

                        {{ include('AlsuiteProjectBundle:ApprovalLevel:del.html.twig',
                            {'id': id, 'modal': 'delApprovalLevel', 'object': 'Approval Level',
                            'action': 'Delete', 'route': path('level_del', {'id': id})}, with_context = false)
                        }}

                        <table class="table table-bordered collapse" id="approvalLevel{{ id }}" style="margin-top: 2px; margin-bottom: 0;">
                            <colgroup><col style="width: 30%;"><col style="width: available;"></colgroup>
                            <tbody>
                                <tr><th>Coverage</th><td>{{ level.getCoverageLabel() }}</td></tr>
                                <tr><th>Rule</th><td>{{ level.getRuleLabel() }}</td></tr>
                                <tr><th>Status</th><td>{{ level.getStatus() }}</td></tr>
                            </tbody>
                        </table>
                            
                        {% if level.mustApprove() %}
                        <table class="table table-bordered collapse" id="triggered{{ id }}" style="margin-top: 2px; margin-bottom: 0;">
                            <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 level.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 level.approvesOnRequest() %}
                        <table class="table table-bordered collapse" id="triggerers{{ id }}" style="margin-top: 2px;margin-bottom: 0;">
                            <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 level.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 %}

                        <table class="table table-bordered collapse" id="approvers{{ id }}" style="margin-top: 2px;">
                            <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 level.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>

                        <table class="table table-bordered collapse" id="approvalLevelUnits{{ id }}" style="margin-top: 2px;">
                            <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 level.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>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="3">There are no approval levels currently.</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}