Next major version 2 with PHP 8.1, Symfony 6, Tabler UI, 2FA ... (#2902)

templates/wizard/done.html.twig

@@ -0,0 +1,14 @@
+{% extends 'wizard/layout.html.twig' %}
+{% from '@Tabler/components/button.html.twig' import button %}
+
+{% block wizard_content %}
+    <div class="card-body text-center py-4 p-sm-5">
+        <img src="{{ asset('wizard/done.png') }}" height="120" class="mb-n2" alt="Illustration by Katerina Limpitsouni from https://undraw.co/">
+        <h1 class="mt-5">{{ 'wizard.done.title'|trans({}, 'wizard') }}</h1>
+        <p class="text-muted">{{ 'wizard.done.description'|trans({}, 'wizard') }}</p>
+    </div>
+{% endblock %}
+
+{% block wizard_next_button %}
+    {{ button(false, { title : 'Next'|trans({}, 'TablerBundle'), combined: true, url: path('homepage') }, 'primary') }}
+{% endblock %}

templates/wizard/intro.html.twig

@@ -0,0 +1,9 @@
+{% extends 'wizard/layout.html.twig' %}
+
+{% block wizard_content %}
+    <div class="card-body text-center py-4 p-sm-5">
+        <img src="{{ asset('wizard/time-management.png') }}" height="120" class="mb-n2" alt="Illustration by Katerina Limpitsouni from https://undraw.co/">
+        <h1 class="mt-5">{{ 'wizard.intro.title'|trans({}, 'wizard') }}</h1>
+        <p class="text-muted">{{ 'wizard.intro.description'|trans({}, 'wizard') }}</p>
+    </div>
+{% endblock %}

templates/wizard/layout.html.twig

@@ -0,0 +1,40 @@
+{% extends '@Tabler/wizard.html.twig' %}
+{% from '@Tabler/components/button.html.twig' import button %}
+{% from '@Tabler/components/buttons.html.twig' import submit_button %}
+{% from '@Tabler/components/progress_bar.html.twig' import progress_bar %}
+
+{% block title %}{{- get_title() -}}{% endblock %}
+{% block container_size %}container-tight{% endblock %}
+{% block wizard_logo %}{% endblock %}
+
+{% block wizard_before %}
+    {% if form is defined %}
+        {{ form_start(form) }}
+    {% endif %}
+{% endblock %}
+
+{% block wizard_after %}
+    {% if form is defined %}
+        {{ form_end(form) }}
+    {% endif %}
+{% endblock %}
+
+{% block wizard_progress_bar %}
+    {{ progress_bar({current: percent, max: 100, min: 0}) }}
+{% endblock %}
+
+{% block wizard_previous_button %}
+    {% if previous is defined %}
+        {{ button(false, { title : 'Previous'|trans({}, 'TablerBundle'), combined: true, url: path('wizard', {'wizard': previous}) }, 'link') }}
+    {% endif %}
+{% endblock %}
+
+{% block wizard_next_button %}
+    {% if form is defined %}
+        {{ submit_button(false, { title : 'Next'|trans({}, 'TablerBundle'), combined: true }, 'primary') }}
+    {% else %}
+        {% if next is defined %}
+            {{ button(false, { title : 'Next'|trans({}, 'TablerBundle'), combined: true, url: path('wizard', {'wizard': next}) }, 'primary') }}
+        {% endif %}
+    {% endif %}
+{% endblock %}

templates/wizard/profile.html.twig

@@ -0,0 +1,30 @@
+{% extends 'wizard/layout.html.twig' %}
+
+{% block wizard_content %}
+    <div class="card-body text-center py-4 p-sm-5">
+        <h1 class="mt-2">{{ 'wizard.profile.title'|trans({}, 'wizard') }}</h1>
+        <p class="text-muted">{{ 'wizard.profile.description'|trans({}, 'wizard') }}</p>
+    </div>
+    <div class="hr-text hr-text-center hr-text-spaceless">{{ 'wizard.separator'|trans({}, 'wizard') }}</div>
+    <div class="card-body">
+        <div class="mb-3">
+            {{ form_rest(form) }}
+        </div>
+    </div>
+{% endblock %}
+
+{% block javascripts %}
+    <script type="text/javascript">
+        window.addEventListener('load', function() {
+            const skinChooser = document.getElementById('form_skin');
+            if (skinChooser !== null) {
+                skinChooser.addEventListener('change', () => {
+                    document.body.classList.remove('theme-light');
+                    document.body.classList.remove('theme-default');
+                    document.body.classList.remove('theme-dark');
+                    document.body.classList.add('theme-' + skinChooser.value);
+                });
+            }
+        });
+    </script>
+{% endblock %}