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

{% block title %}{{ 'departments.all_departments'|trans  }}{% endblock %}

{% block breadcrumb_buttons %}
    <div class="breadcrumb_button" style="display:none">
        <a href="{{ path("new_department") }}" class="waves-effect"><i class="fas fa-plus"></i></a>
    </div>
{% endblock %}

{% block extra_breadcrumb_buttons %}
    <div class="breadcrumb_button" style="display:none">
        <a href="#!" class="waves-effect custom_print_button"><i class="fas fa-print"></i></a>
    </div>
{% endblock %}

{% block body_content %}

<div class="container-fluid uniqueprintbutton">

    <table id="table_departments" class="display datatable clickable" style="width:100%" data-datatable-ajax="{{ datatable_ajax }}" data-ajax-path="{{ path("get_departments_datatable") }}">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'Name'|trans }}</th>
                <th>{{ 'Description'|trans }}</th>
                <th>{{ 'Color'|trans }}</th>
                <th>{{ 'Belongs to'|trans }}</th>
                <th class="d-print-none">{{ 'Options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for department in departments %}
            <tr data-element={{ department.getRowid() }} data-path="{{path("show_department", {rowid:department.rowid})}}">
                <td>{{ department.getRowid() }}</td>
                <td>{{ department.getName() }}</td>
                <td>{{ department.getDescription() }}</td>
                <td><span class="label department" style="background:#{{department.getColor()}}">{{ department.getCode() }}</span></td>
                <td>{{ (department.getFkDepartment())?department.getFkDepartment().getName():"" }}</td>
                <td class="options" data-element="{{ department.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_department', {'rowid': department.rowid}) }}">{{ 'Edit'|trans }} <i class="fas fa-edit"></i></a>
                            <button class="dropdown-item delete" data-path="{{path("delete_department", {rowid:department.rowid})}}" href="#">{{ 'Delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                        </div>
                    </div>
                </td>
            </tr>
    {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}