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

{% block content %}
    {% include '@commons/basics/table_with_actions.html.twig' with {'table': project_table} %}
    <table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
        <thead>
        <tr>
            {% for header in submission_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 submission_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">
                    {% for action in submission_table.actions %}
                        {% if action.display %}
                            <a href="{{ action.link }}{{ row.metadata }}">
                                <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab"
                                        id="{{ action.id }}-{{ index }}">
                                    <i class="material-icons">{{ action.icon }}</i>
                                </button>
                            </a>
                            <div class="mdl-tooltip" data-mdl-for="{{ action.id }}-{{ index }}">
                                {{ action.tooltip }}
                            </div>
                        {% endif %}
                    {% endfor %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}