{% load i18n icons %}

<p>
  {% blocktranslate %}This action cannot be undone. This will permanently delete the {{ object }} component and its directly related content. Translation memory is handled separately below.{% endblocktranslate %}
</p>

<p class="alert alert-warning">
  {% translate "Translation memory is retained by default. If this component is restricted, retained entries might become visible to other project or workspace members. Select the translation memory deletion option below to remove these entries." %}
</p>

{% with components=object.component_set.prefetch.order %}
  {% if components %}
    <p>{% translate "The following translation components will be removed:" %}</p>
    <ul>
      <li>
        <a href="{{ object.get_absolute_url }}">{{ object }}</a>
      </li>

      {% for component in components %}
        <li>
          <a href="{{ component.get_absolute_url }}">{{ component }}</a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
{% endwith %}

<div class="form-group">
  <label class="control-label">{% translate "Component to remove" %}</label>
  <div class="list-group">
    <div class="list-group-item">
      <div class="list-group-item-text">
        <button type="button"
                class="btn btn-link btn-xs float-end"
                data-clipboard-value="{{ object.full_slug }}"
                title="{% translate "Copy to clipboard" %}">{% icon "copy.svg" %}</button>

        {{ object.full_slug }}
      </div>
    </div>
  </div>
</div>