Reorganize checkout order complete hooks

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

@@ -1,50 +1,54 @@
 sylius_twig_hooks:
     hooks:
         'sylius_shop.checkout.complete':
+            content:
+                template: '@SyliusShop/checkout/complete/content.html.twig'
+                priority: 0
+        'sylius_shop.checkout.complete.content':
             steps:
                 template: '@SyliusShop/checkout/shared/steps.html.twig'
                 priority: 300
             header:
-                template: '@SyliusShop/checkout/complete/header.html.twig'
+                template: '@SyliusShop/checkout/complete/content/header.html.twig'
                 priority: 200
             flashes:
                 template: '@SyliusShop/shared/flashes.html.twig'
                 priority: 100
             form:
-                template: '@SyliusShop/checkout/complete/form.html.twig'
+                template: '@SyliusShop/checkout/complete/content/form.html.twig'
                 priority: 0
 
-        'sylius_shop.checkout.complete.header':
+        'sylius_shop.checkout.complete.content.header':
             currency:
-                template: '@SyliusShop/checkout/complete/header/currency.html.twig'
+                template: '@SyliusShop/checkout/complete/content/header/currency.html.twig'
                 priority: 100
             locale:
-                template: '@SyliusShop/checkout/complete/header/locale.html.twig'
+                template: '@SyliusShop/checkout/complete/content/header/locale.html.twig'
                 priority: 0
 
-        'sylius_shop.checkout.complete.form':
+        'sylius_shop.checkout.complete.content.form':
             summary:
-                template: '@SyliusShop/checkout/complete/form/summary.html.twig'
+                template: '@SyliusShop/checkout/complete/content/form/summary.html.twig'
                 priority: 200
             extra_notes:
-                template: '@SyliusShop/checkout/complete/form/extra_notes.html.twig'
+                template: '@SyliusShop/checkout/complete/content/form/extra_notes.html.twig'
                 priority: 100
             navigation:
-                template: '@SyliusShop/checkout/complete/form/navigation.html.twig'
+                template: '@SyliusShop/checkout/complete/content/form/navigation.html.twig'
                 priority: 0
 
-        'sylius_shop.checkout.complete.form.summary.statuses.payments':
+        'sylius_shop.checkout.complete.content.form.summary.statuses.payments':
             state:
                 enabled: false
 
-        'sylius_shop.checkout.complete.form.summary.statuses.payments.list':
+        'sylius_shop.checkout.complete.content.form.summary.statuses.payments.list':
             state_label:
                 enabled: false
 
-        'sylius_shop.checkout.complete.form.summary.statuses.shipments':
+        'sylius_shop.checkout.complete.content.form.summary.statuses.shipments':
             state:
                 enabled: false
 
-        'sylius_shop.checkout.complete.form.summary.statuses.shipments.list':
+        'sylius_shop.checkout.complete.content.form.summary.statuses.shipments.list':
             state_label:
                 enabled: false

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

@@ -7,9 +7,7 @@
 {% set prefixes = ['sylius_shop.checkout'] %}
 
 {% block content %}
-    <div class="mx-auto" style="max-width: var(--bs-breakpoint-lg)">
-        {% hook 'complete' with { _prefixes: prefixes, order, form, active_step } %}
-    </div>
+    {% hook 'complete' with { _prefixes: prefixes, order, form, active_step } %}
 {% endblock %}
 
 {% block sidebar %}

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

@@ -0,0 +1,3 @@
+<div class="mx-auto" style="max-width: var(--bs-breakpoint-lg)">
+    {% hook 'content' %}
+</div>