{% trans_default_domain "admin" %}

{% if config.tableHeading is not empty or config.tableData is not empty %}
  <div class="panel js-list-table-panel">
    <div class="panel-body no-pad-bottom">
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              {% if config.actions is not empty and config.hasBulkActions %}
                <th width="50" class="text-center">
                  <input class="magic-checkbox js-bulk-select-all add-tooltip" type="checkbox" data-toggle="tooltip" data-placement="top" data-original-title="{{ "admin.actions.bulkSelect"|trans }}">
                </th>
              {% endif %}

              {% for heading in config.tableHeading %}
                {% set field = config.fields[loop.index0] %}
                {% if is_granted(field.roles) %}
                  <th class="{{ field.class }}">{{ heading|trans }}</th>
                {% endif %}
              {% endfor %}

              {% if config.actions is not empty and config.hasRowActions %}
                <th class="table-row-actions">{{ 'admin.list.actions'|trans }}</th>
              {% endif %}
            </tr>
          </thead>

          <tbody>
            {% if config.tableData is not empty %}
              {% for rowData in config.tableData %}
                <tr>
                  {% if config.actions is not empty and config.hasBulkActions %}
                    <td width="50" class="text-center">
                      <input class="magic-checkbox js-bulk-select-checkbox" type="checkbox" data-id="{{ rowData.id }}">
                    </td>
                  {% endif %}

                  {% for field in config.fields %}
                    {% if is_granted(field.roles) %}
                      <td class="{{ field.class }}{% if field.inlineEditable %} list-table-editable{% endif %}"
                          {% if field.inlineEditable %}
                            data-domain="{{ rowData.domain }}"
                            data-id="{{ rowData.id }}"
                            data-field-type="{{ field.inlineFieldType }}"
                            data-field="{{ field.field }}"
                            data-url="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_action': constant('Bazookas\\AdminBundle\\Controller\\Base\\BaseAdminActionController::AJAX_INLINE_EDIT')})) }}"
                          {% endif %}>
                        {% if field.template is not empty %}
                          {% include field.template with {
                          'config' : field,
                          'value': attribute(rowData, field.field)
                          } %}
                        {% elseif attribute(rowData, field.field) is iterable %}
                          ?
                        {% else %}
                          {{ attribute(rowData, field.field) }}
                        {% endif %}
                      </td>
                    {% endif %}
                  {% endfor %}

                  {% if config.actions is not empty and config.hasRowActions %}
                    <td class="table-row-actions" class="text-center">
                      {% for action in config.actions if action is instanceof('Bazookas\\AdminBundle\\AdminElements\\Elements\\Actions\\Base\\RowActionElement') %}
                        {% include action.template with {
                        'config': action,
                        'entity': rowData
                        } %}
                      {% endfor %}
                    </td>
                  {% endif %}
                </tr>
              {% endfor %}

              {% if config.actions is not empty and config.hasBulkActions %}
                <tr>
                  <td colspan="{{ (config.fields|length + config.hasRowActions + config.hasBulkActions) }}">
                    {% for action in config.actions if action is instanceof('Bazookas\\AdminBundle\\AdminElements\\Elements\\Actions\\Base\\BulkActionElement') %}
                      {% include action.template with {
                      'config': action
                      } %}
                    {% endfor %}
                  </td>
                </tr>
              {% endif %}
            {% else %}
              <tr>
                <td class="text-center" colspan="{{ config.fields|length + config.hasBulkActions + config.hasRowActions }}">
                  {% trans %}admin.elements.errors.noData{% endtrans %}
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
    {% if config.pageCount > 1 %}
      <div class="panel-footer">
        {% include 'BazookasAdminBundle:List/Partials:_pager.html.twig' with {
          totalPages: config.pageCount,
          currentPage: config.currentPage,
          route: app.request.attributes.get('_route'),
          route_params: app.request.attributes.get('_route_params')|merge({'_action': config.pageAction}),
          pageParam: 'page',
          ajaxPageable: config.ajaxPageable
        } %}
      </div>
    {% endif %}
  </div>
{% endif %}