{% extends 'main.html' %}
<!-- context = si_labels -->

{% block content %}
<div class="container">
    <h2>Species Instances with Labels ({{si_labels|length}})</h2>

    {% if si_labels|length > 0  %}
        {% for si_label in si_labels %}
            <div class="div-line-below">
                <p><a href="{% url 'speciesInstance' si_label.speciesInstance.id %}">{{si_label.speciesInstance.name}}</a> ({{si_label.speciesInstance.user.get_display_name}})</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;<img src={{si_label.qr_code.url}}></p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;{{si_label.text_line1}}</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;{{si_label.text_line2}}</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;{{si_label.number}}</p>
            </div>
        {% endfor %}
    {% else %} 
        <p>None</p>
    {% endif %}  
</div>

{% endblock content %}