{% block page_checkout_change_shipping_form %}

    {% set formAjaxSubmitOptions = {
        changeTriggerSelectors: ['.shipping-method-input']
    } %}

    {% block page_checkout_change_shipping_form_element %}
        <form id="changeShippingForm"
              name="changeShippingForm"
              action="{{ actionPath }}"
              data-form-auto-submit="true"
              {# ludtwig-ignore html-string-quotation #}
              data-form-auto-submit-options='{{ formAjaxSubmitOptions|json_encode }}'
              method="post">

            {% block page_checkout_change_shipping_form_redirect %}
                <input type="hidden" name="redirectTo" value="{{ redirect }}">
                <input type="hidden" name="redirectParameters" value="{{ redirectParameters }}">
            {% endblock %}

            {% block page_checkout_change_shipping_form_fields %}
                {% sw_include '@Storefront/storefront/component/shipping/shipping-fields.html.twig' with {
                    'visibleShippingMethodsLimit': 5
                } %}
            {% endblock %}
        </form>
    {% endblock %}
{% endblock %}
