{% extends '@commons/default2.html.twig' %}

{% block content %}
    <table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
        <thead>
        <tr>
            {% for header in table.header %}
                <th class="mdl-data-table__cell--non-numeric">{{ header }}</th>
            {% endfor %}
            <th class="mdl-data-table__cell--non-numeric">Aktionen</th>
        </tr>
        </thead>
        <tbody>
        {% for row in table.body %}
            {% set index = loop.index %}
            <tr>
                {% for td in row.data %}
                    <td class="mdl-data-table__cell--non-numeric">{{ td }}</td>
                {% endfor %}
                <td class="mdl-data-table__cell--non-numeric">
                    <a href="{{ table.actions.update.link }}{{ row.metadata.id }}">
                        <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                id="{{ table.actions.update.id }}-{{ index }}">
                            <i class="material-icons">{{ table.actions.update.icon }}</i>
                        </button>
                    </a>
                    <div class="mdl-tooltip" data-mdl-for="{{ table.actions.update.id }}-{{ index }}">
                        {{ table.actions.update.tooltip }}
                    </div>
                    {% if row.metadata.enabled %}
                        <a href="{{ table.actions.disable.link }}{{ row.metadata.id }}">
                            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                    id="{{ table.actions.disable.id }}-{{ index }}">
                                <i class="material-icons">{{ table.actions.disable.icon }}</i>
                            </button>
                        </a>
                        <div class="mdl-tooltip" data-mdl-for="{{ table.actions.disable.id }}-{{ index }}">
                            {{ table.actions.disable.tooltip }}
                        </div>
                    {% else %}
                        <a href="{{ table.actions.enable.link }}{{ row.metadata.id }}">
                            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                    id="{{ table.actions.enable.id }}-{{ index }}">
                                <i class="material-icons">{{ table.actions.enable.icon }}</i>
                            </button>
                        </a>
                        <div class="mdl-tooltip" data-mdl-for="{{ table.actions.enable.id }}-{{ index }}">
                            {{ table.actions.enable.tooltip }}
                        </div>
                    {% endif %}
                    {% if row.metadata.password_is_set %}
                        <a href="{{ table.actions.reset.link }}{{ row.metadata.id }}">
                            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                    id="{{ table.actions.reset.id }}-{{ index }}">
                                <i class="material-icons">{{ table.actions.reset.icon }}</i>
                            </button>
                        </a>
                        <div class="mdl-tooltip" data-mdl-for="{{ table.actions.reset.id }}-{{ index }}">
                            {{ table.actions.reset.tooltip }}
                        </div>
                    {% else %}
                        <a href="{{ table.actions.mail.link }}{{ row.metadata.id }}">
                            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab" id="{{ table.actions.mail.id }}-{{ index }}">
                                <i class="material-icons">{{ table.actions.mail.icon }}</i>
                            </button>
                        </a>
                        <div class="mdl-tooltip" data-mdl-for="{{ table.actions.mail.id }}-{{ index }}">
                            {{ table.actions.mail.tooltip }}
                        </div>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}