{% load i18n icons permissions translations user_display %}

{% translate "Origin:" context "Change metadata badge label" as origin_prefix %}
{% translate "IP address:" context "Change metadata badge label" as ip_prefix %}
{% translate "IP address recorded for this change." context "Change metadata tooltip" as ip_description %}

<table id="changes-table" class="table table-autowidth container-fluid">
  <tbody id="changes-list">
    {% for item in changes_with_context %}
      <tr id="changes-item"
          class="history-row row"
          {% if in_email %}style="clear:both"{% endif %}>
        <td class="history-event col-md-3">
          <div class="history-author ms-2">
            <strong>{% user_display item.change.user resource=item.change %}</strong>
            {% if item.origin %}
              {% include "snippets/history-badge.html" with label=item.origin description=item.origin_description prefix=origin_prefix in_email=in_email only %}
            {% endif %}
            {% if item.ip_address %}
              {% include "snippets/history-badge.html" with label=item.ip_address description=ip_description prefix=ip_prefix in_email=in_email only %}
            {% endif %}
          </div>
          <p class="text-muted mb-1">{{ item.change.get_action_display }}</p>
          <ul class="breadcrumb">
            {% if item.change.path_object %}
              {% path_object_breadcrumbs item.change.path_object flags=False %}
            {% endif %}
          </ul>
        </td>
        <td class="history-data col-md-9">
          {% if not in_email %}
            <div class="btn-float">
              {% if item.permissions.can_revert %}
                <form method="post"
                      class="d-inline"
                      action="{{ translate_url|default:item.change.translation.get_translate_url }}{% querystring query_params offset=offset checksum=item.change.unit.checksum %}">
                  {% csrf_token %}
                  <input type="hidden" name="checksum" value="{{ item.change.unit.checksum }}" />
                  <button class="btn btn-link"
                          type="submit"
                          name="revert"
                          value="{{ item.change.id }}"
                          aria-label="{% translate "Revert" %}"
                          title="{% translate "Revert" %}">{% icon "undo.svg" %}</button>
                </form>
              {% endif %}
              {% if item.permissions.can_block_user %}
                <a class="btn btn-link red"
                   href="{% url 'manage-access' project=item.change.project.slug %}?block_user={{ item.change.user.username }}#block-user"
                   title="{% translate "Block user" %}">{% icon "account-cancel.svg" %}</a>
              {% endif %}
              {% if debug %}
                <a class="btn btn-link"
                   href="{% url 'show_change' pk=item.change.pk %}"
                   title="{% translate "View notification" %}">{% icon "bell.svg" %}</a>
              {% endif %}
              <a class="btn btn-link"
                 href="{{ item.change.get_absolute_url }}"
                 title="{% translate "View details" %}">{% icon "magnify-plus-outline.svg" %}</a>
            </div>
          {% endif %}
          <div class="comment-content">
            {% if item.history_data.description %}{{ item.history_data.description }}{% endif %}
            {% for history_field in item.history_data.change_details_fields %}
              <label class="{{ history_field.label_class }}">
                {{ history_field.label }}
                {% for tag in history_field.tags %}<span class="badge text-bg-secondary">{{ tag }}</span>{% endfor %}
              </label>
              {{ history_field.content }}
            {% endfor %}
            <span class="float-end text-muted">{{ item.change.timestamp|naturaltime }}</span>
            <div class="clearfix" {% if in_email %}style="clear:both"{% endif %}></div>
          </div>
          {% if in_email %}
            <a class="button" href="{{ item.change.get_absolute_url }}">{% translate "View" %}</a>
          {% endif %}
        </td>
      </tr>
    {% empty %}
      <tr>
        <td colspan="2">
          <em>{% translate "No matching activity found." %}</em>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>