{% block table %}
    <div class="table-responsive">
        <table class="table table-condensed table-striped">
            {% if block("header") is defined %}
                <thead>
                    <tr>
                        {{ block("header") }}
                    </tr>
                </thead>
            {% elseif columns is defined %}
                <thead>
                    <tr>
                        {% for column, label in columns %}
                            {% if block("column_" ~ column) is defined %}
                                {{ block("column_" ~ column) }}
                            {% elseif block("column" ~ loop.index0) is defined %}
                                {{ block("column" ~ loop.index0) }}
                            {% elseif loop.first and block("first_column") is defined %}
                                {{ block("first_column") }}
                            {% elseif loop.last and block("last_column") is defined %}
                                {{ block("last_column") }}
                            {% else %}
                                <th class="vertically-bottom">
                                    {{ label }}
                                </th>
                            {% endif %}
                        {% endfor %}
                    </tr>
                </thead>
            {% endif %}
            <tbody>
                {% for row in rows %}
                    <tr>
                        {% if block("row") is defined %}
                            {{ block("row") }}
                        {% else %}
                            {% if columns is defined %}
                                {% set cells = columns|keys %}
                            {% else %}
                                {% set cells = row|keys %}
                            {% endif %}

                            {% for cell in cells %}
                                {% set value = attribute(row, cell) is defined ? attribute(row, cell) : null %}

                                {% if block("cell_" ~ cell) is defined %}
                                    {{ block("cell_" ~ cell) }}
                                {% elseif block("cell" ~ loop.index0) is defined %}
                                    {{ block("cell" ~ loop.index0) }}
                                {% elseif loop.first and block("first_cell") is defined %}
                                    {{ block("first_cell") }}
                                {% elseif loop.last and block("last_cell") is defined %}
                                    {{ block("last_cell") }}
                                {% else %}
                                    <td class="align-middle">{{ value }}</td>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </tr>
                {% else %}
                    {% if block("empty") is defined %}
                        <tr>
                            {{ block("empty") }}
                        </tr>
                    {% elseif columns is defined %}
                        <tr>
                            <td colspan="{{ columns|length }}">
                                <div class="text-center padding-20" style="font-size: 16px">
                                    <i class="fa fa-fw fa-frown-o"></i> Nincs találat
                                </div>
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}
            </tbody>
            {% if block("footer") is defined %}
                <tfoot>
                    <tr>
                        {{ block("footer") }}
                    </tr>
                </tfoot>
            {% endif %}
        </table>
    </div>
{% endblock table %}