{% extends 'Modal/base.html.twig' %}

{% block modal_id %}{{ parent() }}wizard_{% endblock %}

{% block modal_backdrop %}static{% endblock %}

{% block modal_title %}{% endblock %}

{% block modal_class %}wizard-modal{% endblock %}

{% block modal_body %}
    <div class="stepper stepper-links d-flex flex-column" id="kt_create_account_stepper">
        <div class="stepper-nav py-5">
            {% block wizard_stepper_nav %}{% endblock %}
        </div>
        {{ form_start(form , {'attr': {'id': 'kt_wizard_create_' ~ form.vars.id ~ '_form' , 'class': 'kt-fx-wizard mx-auto px-15 w-100 py-10','novalidate':'novalidate'}}) }}

        {% block wizard_stepper_body %}{% endblock %}

        <div data-kt-stepper-element="content">
            <div class="w-100">
                <div class="pb-8 pb-lg-10">
                    <h2 class="fw-bold text-dark">{% block wizard_done_title %}{{ 'app.global.wizzard.done.title'|trans }}{% endblock %}</h2>
                </div>
                <div class="mb-0">
                    <div class="fs-6 text-gray-600 mb-5">{% block wizard_done_description %}{{ 'app.global.wizzard.done.description'|trans }}{% endblock %}</div>
                    {% block wizard_done_notice %}{% endblock %}
                </div>
            </div>
        </div>

        {{ form_end(form) }}

        {% include 'Wizard/Includes/buttons.html.twig' %}
    </div>
{% endblock %}