Reorganize checkout payment hooks

src/Sylius/Bundle/ShopBundle/Resources/config/app/twig_hooks/checkout/select_payment.yaml

@@ -1,6 +1,10 @@
 sylius_twig_hooks:
     hooks:
         'sylius_shop.checkout.select_payment':
+            content:
+                template: '@SyliusShop/checkout/select_payment/content.html.twig'
+                priority: 0
+        'sylius_shop.checkout.select_payment.content':
             steps:
                 template: '@SyliusShop/checkout/shared/steps.html.twig'
                 priority: 100
@@ -8,13 +12,13 @@ sylius_twig_hooks:
                 component: 'sylius_shop:checkout:payment:form'
                 props:
                     resource: '@=_context.order'
-                    template: '@SyliusShop/checkout/select_payment/form.html.twig'
+                    template: '@SyliusShop/checkout/select_payment/content/form.html.twig'
                 priority: 0
-        
-        'sylius_shop.checkout.select_payment.form':
+
+        'sylius_shop.checkout.select_payment.content.form':
             payments:
-                template: '@SyliusShop/checkout/select_payment/form/payments.html.twig'
+                template: '@SyliusShop/checkout/select_payment/content/form/payments.html.twig'
                 priority: 100
             navigation:
-                template: '@SyliusShop/checkout/select_payment/form/navigation.html.twig'
+                template: '@SyliusShop/checkout/select_payment/content/form/navigation.html.twig'
                 priority: 0

src/Sylius/Bundle/ShopBundle/templates/checkout/select_payment.html.twig

@@ -8,7 +8,5 @@
 {% endblock %}
 
 {% block content %}
-    <div class="pe-lg-6">
-        {% hook 'select_payment' with { _prefixes: prefixes, active_step, form, order } %}
-    </div>
+    {% hook 'select_payment' with { _prefixes: prefixes, active_step, form, order } %}
 {% endblock %}

src/Sylius/Bundle/ShopBundle/templates/checkout/select_payment/content.html.twig

@@ -0,0 +1,3 @@
+<div class="pe-lg-6">
+    {% hook 'content' %}
+</div>