{% extends "framework.html" %}

{% block content %}
  <div class="panel-group" id="migration-detail">
    <div class="panel panel-default">
      <div
        class="panel-heading"
        id="headingPanel"
        style="font-size:2rem;height: 46px"
      >
        Migration Status for {{ bt_rule_name }}
      </div>
      <div class="panel-body">
        <p>
          A package contains pathways, rules, etc. and can reflect specific
          experimental conditions.
          <a
            target="_blank"
            href="https://wiki.envipath.org/index.php/packages"
            role="button"
            >Learn more &gt;&gt;</a
          >
        </p>
      </div>

      {% for obj in results %}
        <div
          class="panel panel-default panel-heading list-group-item"
          style="background-color:silver"
        >
          {% if obj.status %}
            <span
              class="glyphicon glyphicon-ok"
              aria-hidden="true"
              style="float:right"
              data-toggle="tooltip"
              data-placement="top"
              title=""
              data-original-title="Reviewed"
            >
            </span>
          {% else %}
            <span
              class="glyphicon glyphicon-remove"
              aria-hidden="true"
              style="float:right"
              data-toggle="tooltip"
              data-placement="top"
              title=""
              data-original-title="Reviewed"
            >
            </span>
          {% endif %}
          <h4 class="panel-title">
            <a
              id="{{ obj.id }}-link"
              data-toggle="collapse"
              data-parent="#migration-detail"
              href="#{{ obj.id }}"
              >{{ obj.name|safe }}</a
            >
          </h4>
        </div>
        <div
          id="{{ obj.id }}"
          class="panel-collapse {% if not obj.status %}in{% endif %} collapse"
        >
          <div class="panel-body list-group-item">
            <pre>{{ obj.detail }}</pre>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>

  <script></script>
{% endblock content %}
