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

{% block title 'Approval Level Details' %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-md-3 center center-text">
            <span class="label">Approval Level Details</span>
        </div>
    </div>
    <table class="table table-bordered" style="margin-top: 5px;">
        <colgroup>
            <col style="width: 30%;"><col style="width: available;">
        </colgroup>
        <tbody>
            {% 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;">
                        <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; margin-bottom: 0;">
                        <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>
        </tbody>
    </table>
</div>
{% endblock %}