{% import _self as selfMacros %}
{% macro attributes(attributes) %}
    {% for attb, value in attributes %}
        {{ attb }}="{{ value }}"
    {% endfor %}
{% endmacro %}

<table id="{{ id }}" {% if table_attr is defined and table_attr is iterable %}{{ selfMacros.attributes(table_attr) | spaceless }} {% endif %}data-dtc-grid-datatables="{{ options | json_encode | escape }}">
	<thead>
		<tr>
			{% for column in columns %}
			<th data-column-field="{{ column.field }}">
				{{ column.getLabel() }}
			</th>
			{% endfor %}
		</tr>
	</thead>
</table>

<div>
    <button class="refresh btn btn-primary refresh-{{ id }}" data-id="{{ id }}" onclick="dtc_grid_refresh(this);"><i class="fa fa-circle-o-notch fa-spin dtc-grid-hidden"></i> {{ 'refresh'|trans({}, 'dtc_grid') }}</button>
</div>


<!-- Modal -->
<div class="modal fade" id="modal-{{ id }}" tabindex="-1" role="dialog" aria-labelledby="{{ id }}">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modal-title-{{ id }}"> </h4>
                <button type="button" class="close hidden" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'close'|trans({}, 'dtc_grid') }}</button>
                <button type="button" class="dtc-grid-hidden btn btn-primary">{{ 'save'|trans({}, 'dtc_grid') }}</button>
            </div>
        </div>
    </div>
</div>