<div>{{ series.modality}}, {{ series.examination }}, {{ series.plane }}, {{ series.contrast }}</div>

{% if series.long %}
Associated case:
{% for long in series.long.all %}
<a href="{% url 'longs:question_detail' pk=long.pk %}">{{long}}</a>
{% endfor %}
{% else %}
This series is not associated with any cases.
{% endif %}

<div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ series.get_image_url_array }}" data-annotations=''></div>

<div>Author: {{ series.get_author_display }}</div>
<details>
    <summary>Image info</summary>
<div>
    <a href="{% url 'longs:long_series_order_dicom' pk=series.pk %}" title="orders dicom by slice location">Order dicoms
        by slice location</a>
    <a href="{% url 'longs:long_series_order_dicom_instance' pk=series.pk %}"
        title="orders dicom by instance number">Order dicoms by instance number</a>
    <a href="{% url 'longs:long_series_order_dicom_SeriesInstanceUID' pk=series.pk %}"
        title="orders dicom by instance number">Order dicoms by SeriesInstanceUID</a>
    <a href="{% url 'longs:long_series_order_upload_filename' pk=series.pk %}"
        title="orders dicom by uploaded filename">Order by uploaded filename</a>
</div>
{% for image in series.images.all %}
{{image.image.url}}, pos: {{image.position}}, {{image.upload_filename}} [{{image.image.size|filesizeformat}}]<br />
{% comment %} {{image.get_dicom_info|safe}}<br/> {% endcomment %}

{% endfor %}

<p>Total image size: {{series.get_total_image_size|filesizeformat}}</p>
<p><a href="{% url 'longs:long_series_download' pk=series.pk %}">Download images</a></p>
</details>