{% 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" %}>
      {% 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">
                  {% 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 %}
        {% row_header_columns table as row_headers %}
        <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 %}
          {% empty %}
            {% if table.empty_text %}
              {% block table.tbody.empty_text %}
                <tr class="absolute w-full flex mt-5 pointer-events-none">
                  <td class="card w-full md:w-3/4 lg:w-1/2 mx-auto bg-white text-wrap">
                    <c-page.list.empty heading="{{ table.context.empty_state.heading }}"
                                       message="{{ table.context.empty_state.message }}"
                                       icon="{{ table.context.page.icon|default:"search" }}"
                                       create_url="{{ table.context.create_url }}" />
                  </td>
                </tr>
              {% endblock table.tbody.empty_text %}
            {% endif %}
          {% endfor %}
        </tbody>
      {% endblock table.tbody %}
      {% block table.tfoot %}
        {% if table.has_footer %}
          <tfoot {{ table.attrs.tfoot.as_html }}>
            <tr>
              {% for column in table.columns %}
                <td {% table_cell_attrs column table cell="tf" %}>{{ column.footer }}
                </td>
              {% endfor %}
            </tr>
          </tfoot>
        {% endif %}
      {% endblock table.tfoot %}
    </table>
  {% endblock table %}
{% endblock table-wrapper %}