{% extends 'showElements_base.html.twig' %}

{% block title %}{{ 'All levels'|trans  }}{% endblock %}

{% block breadcrumb_buttons %}
    <a href="{{ path("edit_level") }}" class="waves-effect"><i class="fas fa-plus"></i></a>
{% endblock %}

{% block body_content %}

<div class="container-fluid">

    <table id="table_levels" class="display datatable clickable" style="width:100%">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'Name'|trans }}</th>
                <th>{{ 'Code'|trans }}</th>
                <th>{{ 'Upper level'|trans }}</th>
                <th>{{ 'Options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for level in levels %}
            <tr data-element={{ level.getRowid() }}>
                <th>{{ level.getRowid() }}</th>
                <th>{{ level.getName() }}</th>
                <th>{{ level.getCode() }}</th>
                <th>{{ (level.getFkLevel())?level.getFkLevel().getName():"" }}</th>
                <th class="options" data-element="{{ level.getRowid()}}">
                    <div class="dropdown">
                        <a type="button" class="btn-floating btn-sm options" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="options">
                                <i class="fas fa-ellipsis-h"></i>
                            </span>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item edit" href="{{ path('edit_level', {'rowid': level.getRowid()}) }}">{{ 'Edit'|trans }} <i class="fas fa-edit"></i></a>
                            <button class="dropdown-item delete" href="#">{{ 'Delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                        </div>
                    </div>
                </th>
            </tr>
    {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}