
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        {% if previous %}
            <a class="btn btn-outline-secondary btn-sm" href="{% url nav_link_view collection.id case_number|add:-1 %}">&larr; Previous</a>
        {% endif %}
    </div>
    <div class="text-center">
        <div class="h6 mb-0">Viewing as part of a collection</div>
        <div>
            <a href="{% url 'atlas:collection_detail' collection.id %}" class="fw-bold">{{collection.name}}</a>
            <small class="text-muted">[{{case_number|add:1}}/{{collection_length}}]</small>
        </div>
    </div>
    <div>
        {% if next %}
            <a class="btn btn-outline-secondary btn-sm" href="{% url nav_link_view collection.id case_number|add:1 %}">Next &rarr;</a>
        {% endif %}
    </div>

    <div class="mb-1">
        {% include "atlas/collection_detail.html#casedetails-management-links" %}
    </div>
</div>