{% if Entity.type == 'experiments_templates' %}
  {% set Entity_id = templateData.id %}
{% else %}
  {% set Entity_id = Entity.id %}
{% endif %}
<!-- STEPS -->
<div id='stepsDiv'>
{% if stepsArr %}
  <div class='mt-2'>
    <h3 class='d-inline'>{{ 'Steps'|trans }}</h3>
    <ul class='list-group mt-2' id='steps_div_{{ Entity_id }}' >
        {% for step in stepsArr %}
        <li class='list-group-item {{ step.finished ? 'finished' }}'>
          <input aria-label='{{ 'Toggle completion'|trans }}' type='checkbox' {{ step.finished ? 'checked' }} {{ Entity.type == 'experiments_templates' ? 'disabled' }} data-id='{{ Entity.entityData.id }}' autocomplete='off' data-stepid='{{ step.id }}' class='stepbox mr-1' id='stepCheckbox_{{ step.id }}' />{{ step.body|raw }}
    {% if step.finished %}
    <span class='mr-2 text-muted'>
        {{ 'completed'|trans }} <span title='{{ step.finished_time }}' class='relative-moment'></span>
    </span>
    {% endif %}
    {% if step.deadline %}
    <span class='mr-2 text-muted'>
        {{ 'Deadline:'|trans }} {{ step.deadline|format_datetime() }}
    </span>
    {% endif %}
        </li>
        {% endfor %}
    </ul>
  </div>
{% endif %}
</div>

<!-- LINKS -->
{% if linksArr %}
  <div class='mt-2'>
    <h3 class='d-inline'>{{ 'Linked items'|trans }}</h3>
    <ul class='list-group'>
      {% for link in linksArr %}
        <li class='list-group-item'>
          <i class='fas fa-link mr-1'></i>
          {% if link.bookable %}<i class='far fa-calendar-alt'></i>{% endif %}
          <span class='item-category' style='color:#{{ link.color|raw }}'>{{ link.name|raw }}</span> - <a href='database.php?mode=view&id={{ link.itemid }}'>
              {{ link.title|raw }}</a>
        </li>
      {% endfor %}
    </ul>
  </div>
{% endif %}

<!-- RELATED ITEMS/EXPERIMENTS -->
{% if Entity.type == 'items' %}
  {% if relatedItemsArr %}
    <div class='mt-2'>
      <h3 class='d-inline'>{{ 'Related items'|trans }}</h3>
      <a class='elab-tooltip mr-1' href='database.php?mode=show&related={{ Entity.id }}'>
        <span>{{ 'Show linked items'|trans }}</span>
        <i title='{{ 'Show linked items'|trans }}' class='fas fa-external-link-square-alt fa-2x'></i>
      </a>
      <ul class='list-group'>
        {% for link in relatedItemsArr %}
          <li class='list-group-item'>
            <i class='fas fa-link mr-1'></i>
            {% if link.bookable %}<i class='far fa-calendar-alt'></i>{% endif %}
            <span class='item-category' style='color:#{{ link.color|raw }}'>{{ link.name|raw }}</span> - <a href='database.php?mode=view&id={{ link.entityid }}'>
                {{ link.title|raw }}</a>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}

  {% if relatedExperimentsArr %}
    <div class='mt-2'>
      <h3 class='d-inline'>{{ 'Related experiments'|trans }}</h3>
      <a class='elab-tooltip mr-1' href='experiments.php?mode=show&related={{ Entity.id }}'>
        <span>{{ 'Show related'|trans }}</span>
        <i title='{{ 'Show related'|trans }}' class='fas fa-external-link-square-alt fa-2x'></i>
      </a>
      <ul class='list-group'>
        {% for link in relatedExperimentsArr %}
          <li class='list-group-item'>
            <i class='fas fa-link mr-1'></i>
            <a href='experiments.php?mode=view&id={{ link.entityid }}'>
                {{ link.title|raw }}</a>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}
{% endif %}