{% extends 'HeVinciCompetencyBundle:Competency:layout.html.twig' %}

{% block title %}
    {{ parent() ~ ' - ' ~ 'scales'|trans({}, 'competency') }}
{% endblock %}

{% block breadcrumb %}
    {{
        macros.breadcrumbs(competencyBreadcrumbs|merge([{
            name: 'scales'|trans({}, 'competency')
        }]))
    }}
{% endblock %}

{% block panelTitle %}
    {{ 'scales'|trans({}, 'competency') }}
{% endblock %}

{% block panelBody %}
    <table id="scale-table"
           class="table table-condensed table-bordered table-striped"
           {% if scales|length == 0 %}style="display: none"{% endif %}>
        <thead>
            <tr>
                <th>{{ 'name'|trans({}, 'platform') }}</th>
                <th colspan="2" class="multi-col">{{ 'actions'|trans({}, 'platform') }}</th>
            </tr>
        </thead>
        <tbody>
        {% for scale in scales %}
            {%
                include 'HeVinciCompetencyBundle:Scale:row.html.twig'
                with {
                    id: scale.id,
                    name: scale.name,
                    frameworkCount: scale.competencies,
                    abilityCount: scale.abilities
                }
            %}
        {% endfor %}
        </tbody>
    </table>

    {% if scales|length == 0 %}
        <div id="no-scale-info" class="alert alert-info" role="alert">
            <i class="fa fa-info-circle"></i>
            {{ 'info.no_scale'|trans({}, 'competency') }}
        </div>
    {% endif %}
{% endblock %}

{% block panelFooter %}
    <button id="create-scale" class="btn btn-primary">
        {{ 'scale.create'|trans({}, 'competency') }}
    </button>
{% endblock %}