{% set order = hookable_metadata.context.resource %}

<div class="py-3">
    {% if order.hasShipments %}
        <div class="table-responsive">
            <table class="table table-vcenter table-borderless table-sm card-table">
                <tbody>
                {% for shipment in order.shipments %}
                    <tr {{ sylius_test_html_attribute('shipment') }}>
                        {% hook 'item' with { shipment } %}
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <span class="px-3 text-secondary italic">{{ 'sylius.ui.there_are_no_shipments_to_display'|trans }}</span>
    {% endif %}
</div>