{% load i18n icons translations user_display %}

<tr class="glossary-embed {{ glossary_row_class }} {% if "forbidden" in item.all_flags %}unclickable-row danger{% elif item.untranslatable %}clickable-row warning{% else %}clickable-row{% endif %}"
    title=" {% if "forbidden" in item.all_flags %} {% translate "This translation is forbidden." %} {% elif item.untranslatable %} {% translate "This term should not be translated." %} {% elif item.fuzzy %} {% translate "This translation needs editing." %}  {% else %} {% translate "Copy word into translation" %} {% endif %} ">
  {% if item.is_source %}
    <td class="source target" colspan="2">
      {% if "forbidden" in item.all_flags %}
        <span class="red forbidden-term">{% icon "cancel.svg" %}</span>
      {% endif %}
      {% if item.fuzzy %}
        <span class="red forbidden-term">{% icon "alert.svg" %}</span>
      {% endif %}
      {% format_unit_target unit value=item.target simple=True %}
    </td>
  {% else %}
    <td class="source">{{ item.source }}</td>
    <td class="target">
      {% if "forbidden" in item.all_flags %}
        <span class="red forbidden-term">{% icon "cancel.svg" %}</span>
      {% endif %}
      {% if item.fuzzy %}
        <span class="red forbidden-term">{% icon "alert.svg" %}</span>
      {% endif %}
      {% format_unit_target unit value=item.target simple=True %}
    </td>
  {% endif %}
  <td>{% include "snippets/glossary-badge.html" with glossary=item.translation %}</td>
  <td>
    <a href="{{ item.get_absolute_url }}"
       class="btn btn-link btn-xs"
       title="{% translate "Edit glossary term" %}">{% icon "pencil.svg" %}</a>
  </td>
</tr>
{% if item.note %}
  <tr class="{{ glossary_row_class }}">
    <td colspan="4">
      <div class="alert alert-info" title="{% translate "Source string description" %}">{{ item.note }}</div>
    </td>
  </tr>
{% endif %}
{% if not item.is_source and item.explanation %}
  <tr class="{{ glossary_row_class }}">
    <td colspan="4">
      <div class="alert alert-info"
           title="{% translate "Glossary translation explanation" %}">{% user_markdown item.explanation %}</div>
    </td>
  </tr>
{% endif %}
{% if item.source_unit.explanation %}
  <tr class="{{ glossary_row_class }}">
    <td colspan="4">
      <div class="alert alert-info" title="{% translate "Glossary string explanation" %}">
        {% user_markdown item.source_unit.explanation %}
      </div>
    </td>
  </tr>
{% endif %}