{% if hoard.containers is not empty %}
<h2>Containers belonging to this hoard</h2>
{% for container in hoard.containers %}
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h4><a href="{{ path('container_show', { 'id': container.id }) }}">
{{ container }}
</a><h4>
<p>{{container.comment}}</p>
</div>
</div>
<div class="row" style="text-align:center">
{% for containerImage in container.containerImages %}
<div class="container-image-container magnify-image-container">
<img id="container-image-{{ containerImage.id }}" src="{{ path('container_image', { 'container_image_id': containerImage.id }) }}" class="magnify-image-inside"/>
</div>
<div class="col-md-12">
<div class="containerimage-metadata hoardlistview-12col">
{% if containerImage.uri1 is defined and containerImage.uri1 %}
<div class="datalabel">URI</div><div class="data"><a target="_blank" href="{{ containerImage.uri1 }}">{{ containerImage.uri1 }}</a></div>
{% endif %}
{% if containerImage.comment is defined and containerImage.comment %}
<div class="datalabel">Comment</div><div class="data">{{ containerImage.comment }}</div>
{% endif %}
</div>
</div>
<br><br><br>
{% endfor %}
</div>
{% endfor %}
{% endif %}