{% load django_tables2 %}
{% load i18n l10n mvp %}
{% block table-wrapper %}
  {% block table %}
    <style>
      .sort-icon {
        display: none;
      }

      .asc .sort-icon.sort-icon-asc {
        display: inline-block;
      }

      .desc .sort-icon.sort-icon-desc {
        display: inline-block;

      }
    </style>
    <table {% render_attrs table.attrs class="table table-pin-rows" %}>
      {% row_header_columns table as row_headers %}
      {% block table.thead %}
        {% if table.show_header %}
          <thead {{ table.attrs.thead.as_html }}>
            <tr>
              {% for column in table.columns %}
                <th {% table_cell_attrs column table cell="th" wrap=False %} scope="col"{% if column.name in row_headers %} data-row-header{% endif %}>
                  {% comment %}
                    A falsey heading prints nothing rather than the value
                    (#319); the cell and its sort control stay — suppressing
                    the heading is not a request to drop ordering too.
                  {% endcomment %}
                  {% if column.orderable %}
                    <a href="{% querystring_replace table.prefixed_order_by_field=column.order_by_alias.next %}">
                      {{ column.header|default:"" }}
                      <c-icon name="sort-asc" class="sort-icon sort-icon-asc" />
                      <c-icon name="sort-desc" class="sort-icon sort-icon-desc" />
                    </a>
                  {% else %}
                    {{ column.header|default:"" }}
                  {% endif %}
                </th>
              {% endfor %}
            </tr>
          </thead>
        {% endif %}
      {% endblock table.thead %}
      {% block table.tbody %}
        {% comment %}
          Meta.row_headers columns get th scope="row" cells (#320). Content
          is written under both branches, not shared, since rendering a
          variable applies locale/timezone formatting a tag return would not.
        {% endcomment %}
        <tbody {{ table.attrs.tbody.as_html }}>
          {% for row in table.paginated_rows %}
            {% block table.tbody.row %}
              <tr {{ row.attrs.as_html }}>
                {% for column, cell in row.items %}
                  {% if column.name in row_headers %}
                    <th {% table_cell_attrs column table %} scope="row">
                      {% if column.localize == None %}
                        {{ cell }}
                      {% else %}
                        {% if column.localize %}
                          {{ cell|localize }}
                        {% else %}
                          {{ cell|unlocalize }}
                        {% endif %}
                      {% endif %}
                    </th>
                  {% else %}
                    <td {% table_cell_attrs column table %}>
                      {% if column.localize == None %}
                        {{ cell }}
                      {% else %}
                        {% if column.localize %}
                          {{ cell|localize }}
                        {% else %}
                          {{ cell|unlocalize }}
                        {% endif %}
                      {% endif %}
                    </td>
                  {% endif %}
                {% endfor %}
              </tr>
            {% endblock table.tbody.row %}
          {% endfor %}
          {% comment %}
            One last row takes whatever height the rows above leave, so the
            footer row sits at the bottom of the region however few rows
            there are. With no rows at all it holds the empty state, which
            needs the page's own context: this template is rendered with the
            table alone, and the page's context hangs off it.
          {% endcomment %}
          <tr class="mvp-table-filler"{% if table.rows %} aria-hidden="true"{% endif %}>
            <td colspan="{{ table.columns|length }}">
              {% if not table.rows %}
                {% with page_context=table.context %}
                  {% with refinements=page_context.refinements clear_refinements_url=page_context.clear_refinements_url search_query=page_context.search_query applied_filters=page_context.applied_filters directory=page_context.directory create_form=page_context.create_form model_info=page_context.model_info %}
                    <div class="mvp-table-empty">
                      <c-mvp.page.list.empty :attrs="page_context.empty_state" />
                    </div>
                  {% endwith %}
                {% endwith %}
              {% endif %}
            </td>
          </tr>
        </tbody>
      {% endblock table.tbody %}
      {% block table.tfoot %}
        {% if table.has_footer %}
          <tfoot {{ table.attrs.tfoot.as_html }}>
            <tr>
              {% for column in table.columns %}
                {% if column.name in row_headers %}
                  <th {% table_cell_attrs column table cell="tf" %} scope="row">{{ column.footer }}</th>
                {% else %}
                  <td {% table_cell_attrs column table cell="tf" %}>{{ column.footer }}</td>
                {% endif %}
              {% endfor %}
            </tr>
          </tfoot>
        {% endif %}
      {% endblock table.tfoot %}
    </table>
  {% endblock table %}
{% endblock table-wrapper %}