{% 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 }}</a>
                    </h4>
                </div>
                <div id="{{ obj.id }}" class="panel-collapse collapse {% if not obj.status %}in{% endif %}">
                    <div class="panel-body list-group-item">
                        <pre>{{ obj.detail }}</pre>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

    <script>

    </script>
{% endblock content %}