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

<div class="py-3">
    {% if order.hasPayments %}
        <div class="table-responsive">
            <table class="table table-vcenter table-borderless table-sm card-table">
                <tbody>
                {% for payment in order.payments %}
                    <tr {{ sylius_test_html_attribute('payment') }}>
                        {% hook 'item' with { resource: order, payment } %}
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <span class="px-3 text-secondary italic" {{ sylius_test_html_attribute('no-payments') }}>{{ 'sylius.ui.no_payments'|trans }}</span>
    {% endif %}
</div>