{% macro createUniqueOrMultiple(step, actionResponses = null) %}
    {% set radioAlreadyChecked = false %}
    {% for action in step.toArray["actions"] %}
        <div style="{{ step.typeStep == "information" ? 'width: 14rem' : 'clear: both; width: 100%' }}">
            <div style="height: 100%; {{ step.typeStep != "information" ? 'display: flex; flex-wrap: nowrap; align-content: center; align-items: center; margin-bottom: 1rem' : '' }}">
                {% set break = false %}
                {% set isChecked = false %}
                {% set additionalLabel01 = null %}
                {% set additionalLabel02 = null %}
                {% set additionalLabel03 = null %}
                {% for actionResponse in actionResponses %}
                    {% if actionResponse.actionRE.id == action.id %}
                        {% set isChecked = true %}
                        {% set additionalLabel01 = actionResponse.additionnalValue01 %}
                        {% set additionalLabel02 = actionResponse.additionnalValue02 %}
                        {% set additionalLabel03 = actionResponse.additionnalValue03 %}
                        {% break %}
                    {% endif %}
                {% endfor %}
                {% if step.actionAdmitted == "unique" %}
                    {% if isChecked %}
                        {% set radioAlreadyChecked = true %}
                        <input data-next-ref="{{ action.nextStepReference }}"
                               type="radio"
                               id="action_id_{{ action.id }}"
                               name="step_{{ step.id }}[action]" required="required"
                               checked="checked"
                               onchange="{{ action.hasAdditionalInfo ?
                               'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "radio")' :
                               'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                               data-onload="{{ action.hasAdditionalInfo ?
                               'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "radio")' :
                               'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                        >
                    {% else %}
                        <input data-next-ref="{{ action.nextStepReference }}"
                               type="radio"
                               id="action_id_{{ action.id }}"
                               name="step_{{ step.id }}[action]" required="required"
                                {{ not radioAlreadyChecked and action.isDefaultValue and action.conditionalDefault is null
                                ? 'checked="checked"' : "" }}
                               onchange="{{ action.hasAdditionalInfo ?
                               'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "radio")' :
                               'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                               data-onload="{{ action.hasAdditionalInfo ?
                               'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "radio")' :
                               'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                        >
                    {% endif %}
                {% else %}
                    <input data-next-ref="{{ action.nextStepReference }}"
                           type="checkbox"
                           id="action_id_{{ action.id }}"
                           name="step_{{ step.id }}[action]" required="required"
                            {{ isChecked or (action.isDefaultValue and action.conditionalDefault is null and actionResponses|length == 0)
                            ? 'checked="checked"' : "" }}
                           onchange="{{ action.hasAdditionalInfo ?
                           'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "checkbox")' :
                           'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                           data-onload="{{ action.hasAdditionalInfo ?
                           'displayingAddionationalInfoInput("action_id_' ~ action.id ~ '", ' ~ action.id ~ ', "checkbox")' :
                           'checkDisplayValidatedBtnStep([], '~ step.id ~')' }}"
                    >
                {% endif %}
                {% if step.typeStep=="information" %}
                    <button
                            style="width: 100%"
                            type="button"
                            id="validateStep_action_id_{{ action.id }}"
                            class="btn boutonAction">{{ action.normalValue }}
                    </button>
                {% else %}
                    <label style="margin-left: 5px; display: inline-flex; align-items: center; vertical-align: middle" for="action_id_{{ action.id }}"
                           class="control-label control-checkbox-label">
                        {{ action.normalValue }}
                    </label>
                {% endif %}

                {% if action.helpLabel is not null %}
                    <br>
                    <img src="{{ asset('install-bois/icon/icon_info.png') }}"
                         style="margin-top: -7px;padding: 0;margin-left: 16px;margin-right: -10px;width: 14px;"
                         alt="Info"/>
                    <i style="font-weight: normal;margin-left: 15px;vertical-align: text-bottom;">
                        <small style="font-size: 12px;">{{ action.helpLabel }}</small>
                    </i>
                {% endif %}
            </div>
            {% if action.hasAdditionalInfo %}
                {% if isChecked %}
                    {% set shouldBeDisplay = true %}
                {% elseif action.isDefaultValue and action.conditionalDefault is null and actionResponses|length == 0 %}
                    {% set shouldBeDisplay = true %}
                {% else %}
                    {% set shouldBeDisplay = false %}
                {% endif %}
                <div id="action_id_add_info_{{ action.id }}"
                     style="margin: 2% 0 6% 2%;{{ not shouldBeDisplay ? "display: none;" : "" }}">
                    {% if action.additionalLabel01 is not null %}
                        <div class="col-sm-12 col-md-12 col-lg-12"style=" margin-bottom: 10px">
                            <label style="margin-left: 0;" for="action_id_add_info#01_{{ action.id }}"
                                   class="control-label control-checkbox-label"> {{ action.additionalLabel01 }}
                            </label>
                            <br>
                            {% if action.label01IsNumberInputValue %}
                                <input
                                        id="action_id_add_info#01_{{ action.id }}"
                                        name="action_id_add_info_01_{{ action.id }}"
                                        type="{{ action.label01IsNumberInputValue ? "number" : "text" }}"
                                        {{ action.label01IsNumberInputValue ? "min='0'" : null }}
                                        value="{{ additionalLabel01 is not same as("") and additionalLabel01 is not null ? additionalLabel01 :  "" }}"
                                >
                                <div style="margin-top: -5px">
                                    <span id="action_id_add_info_01Required_{{ action.id }}" class="errorMessage"
                                          style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                   {{ action.label01IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                     </span>
                                </div>
                            {% else %}
                                <textarea
                                        style="padding: 0.5rem"
                                        cols="30"
                                        rows="4"
                                        id="action_id_add_info#01_{{ action.id }}"
                                        name="action_id_add_info_01_{{ action.id }}"
                                >{{ additionalLabel01 is not same as("") and additionalLabel01 is not null ? additionalLabel01 :  "" }}</textarea>
                            {% endif %}
                        </div>
                    {% endif %}
                    {% if action.additionalLabel02 is not null %}
                        <div class="col-sm-12 col-md-12 col-lg-12"
                             style=" margin-bottom: 10px">
                            <label style="margin-left: 0;" for="action_id_add_info#02_{{ action.id }}"
                                   class="control-label control-checkbox-label"> {{ action.additionalLabel02 }}
                            </label>
                            <br>
                            {% if action.label02IsNumberInputValue %}
                                <input
                                        id="action_id_add_info#02_{{ action.id }}"
                                        name="action_id_add_info_02_{{ action.id }}"
                                        type="{{ action.label02IsNumberInputValue ? "number" : "text" }}"
                                        {{ action.label02IsNumberInputValue ? "min='0'" : null }}
                                        value="{{ additionalLabel02 is not same as("") and additionalLabel02 is not null ? additionalLabel02 :  "" }}"
                                >
                                <div style="margin-top: -5px">
                                    <span id="action_id_add_info_02Required_{{ action.id }}" class="errorMessage"
                                          style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                   {{ action.label02IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                     </span>
                                </div>
                            {% else %}
                                <textarea
                                        style="padding: 0.5rem"
                                        cols="30"
                                        rows="4"
                                        id="action_id_add_info#02_{{ action.id }}"
                                        name="action_id_add_info_02_{{ action.id }}"
                                >{{ additionalLabel02 is not same as("") and additionalLabel02 is not null ? additionalLabel02 :  "" }}</textarea>
                            {% endif %}
                        </div>
                    {% endif %}
                    {% if action.additionalLabel03 is not null %}
                        <div class="col-sm-12 col-md-12 col-lg-12"
                             style=" margin-bottom: 10px">
                            <label style="margin-left: 0;" for="action_id_add_info#03_{{ action.id }}"
                                   class="control-label control-checkbox-label"> {{ action.additionalLabel03 }}
                            </label>
                            <br>
                            {% if action.label03IsNumberInputValue %}
                                <input
                                        id="action_id_add_info#03_{{ action.id }}"
                                        name="action_id_add_info_03_{{ action.id }}"
                                        type="{{ action.label03IsNumberInputValue ? "number" : "text" }}"
                                        {{ action.label03IsNumberInputValue ? "min='0'" : null }}
                                        value="{{ additionalLabel03 is not same as("") and additionalLabel03 is not null ? additionalLabel03 :  "" }}"
                                >
                                <div style="margin-top: -5px">
                                    <span id="action_id_add_info_03Required_{{ action.id }}" class="errorMessage"
                                          style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                   {{ action.label03IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                     </span>
                                </div>
                            {% else %}
                                <textarea
                                        style="padding: 0.5rem"
                                        cols="30"
                                        rows="4"
                                        id="action_id_add_info#03_{{ action.id }}"
                                        name="action_id_add_info_03_{{ action.id }}"
                                >{{ additionalLabel03 is not same as("") and additionalLabel03 is not null ? additionalLabel03 :  "" }}</textarea>
                            {% endif %}
                        </div>
                    {% endif %}
                </div>
            {% endif %}
        </div>
    {% endfor %}
{% endmacro %}

{% macro createText(step, actionResponses = null) %}
    <div class="row" style="margin-top: 1%;">
        {% for action in step.toArray["actions"] %}
            {% set break = false %}
            {% set additionalLabel01 = null %}
            {% set additionalLabel02 = null %}
            {% set additionalLabel03 = null %}
            {% for actionResponse in actionResponses %}
                {% if actionResponse.actionRE.id == action.id %}
                    {% set additionalLabel01 = actionResponse.additionnalValue01 %}
                    {% set additionalLabel02 = actionResponse.additionnalValue02 %}
                    {% set additionalLabel03 = actionResponse.additionnalValue03 %}
                    {% break %}
                {% endif %}
            {% endfor %}
            <div class="col-sm-12 col-md-12 col-lg-12" style="display: flex;flex-direction: column;">
                {% set break = false %}
                {% set valueResponded = "" %}
                {% for actionResponse in actionResponses %}
                    {% if actionResponse.actionRE.id == action.id %}
                        {% set valueResponded = actionResponse.actionInputTextRE %}
                        {% break %}
                    {% endif %}
                {% endfor %}
                <div>
                    <label style="margin-left: 0;{{ not loop.first ? "margin-top: 1%;" : "" }}"
                           for="action_id_{{ action.id }}"
                           class="control-label control-checkbox-label"> {{ action.normalValue }}
                    </label>
                    <br>
                    <input
                            id="action_id_{{ action.id }}"
                            type="{{ action.isNumberInputValue ? "number" : "text" }}"
                            {{ action.isNumberInputValue ? "min='0'" : null }}
                            name="{{ step.reference }}"
                            value="{{ valueResponded is not same as("") and valueResponded is not null ? valueResponded : (action.defaultTextValue ?: "") }}"
                            placeholder="{{ action.helpLabel != null ? action.helpLabel : '' }}"
                            class="reText"
                    >
                </div>
                <span id="action_id_{{ action.id }}Required"
                      class="errorMessage baseErrorMessage">
                 {{ action.isNumberInputValue == "number" ? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                </span>
                <br>
            </div>
            {% if action.hasAdditionalInfo %}
                <div class="col-sm-12 col-md-12 col-lg-12" style="margin-left: 3.5%;margin-top: -5px;">
                    <div id="action_id_add_info_{{ action.id }}" style="margin: 2% 0 6% 2%;">
                        {% if action.additionalLabel01 is not null %}
                            <div class="col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 10px">
                                <label style="margin-left: 0;" for="action_id_add_info#01_{{ action.id }}"
                                       class="control-label control-checkbox-label"> {{ action.additionalLabel01 }}
                                </label>
                                <br>
                                {% if action.label01IsNumberInputValue %}
                                    <input
                                            id="action_id_add_info#01_{{ action.id }}"
                                            name="action_id_add_info_01_{{ action.id }}"
                                            type="{{ action.label01IsNumberInputValue ? "number" : "text" }}"
                                            {{ action.label01IsNumberInputValue ? "min='0'" : null }}
                                            value="{{ additionalLabel01 is not same as("") and additionalLabel01 is not null ? additionalLabel01 :  "" }}"

                                    >
                                    <div style="margin-top: -5px">
                                        <span id="action_id_add_info_01Required_{{ action.id }}" class="errorMessage"
                                              style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                       {{ action.label01IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                         </span>
                                    </div>
                                {% else %}
                                    <textarea
                                            style="padding: 0.5rem"
                                            cols="30"
                                            rows="4"
                                            id="action_id_add_info#01_{{ action.id }}"
                                            name="action_id_add_info_01_{{ action.id }}"
                                    >{{ additionalLabel01 is not same as("") and additionalLabel01 is not null ? additionalLabel01 :  "" }}</textarea>
                                {% endif %}
                            </div>
                        {% endif %}
                        {% if action.additionalLabel02 is not null %}
                            <div class="col-sm-12 col-md-12 col-lg-12"
                                 style="margin-bottom: 10px">
                                <label style="margin-left: 0;" for="action_id_add_info#02_{{ action.id }}"
                                       class="control-label control-checkbox-label"> {{ action.additionalLabel02 }}
                                </label>
                                <br>
                                {% if action.label02IsNumberInputValue %}
                                    <input
                                            id="action_id_add_info#02_{{ action.id }}"
                                            name="action_id_add_info_02_{{ action.id }}"
                                            type="{{ action.label02IsNumberInputValue ? "number" : "text" }}"
                                            {{ action.label02IsNumberInputValue ? "min='0'" : null }}
                                            value="{{ additionalLabel02 is not same as("") and additionalLabel02 is not null ? additionalLabel02 :  "" }}"

                                    >
                                    <div style="margin-top: -5px">
                                        <span id="action_id_add_info_02Required_{{ action.id }}" class="errorMessage"
                                              style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                       {{ action.label02IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                         </span>
                                    </div>
                                {% else %}
                                    <textarea
                                            style="padding: 0.5rem"
                                            cols="30"
                                            rows="4"
                                            id="action_id_add_info#02_{{ action.id }}"
                                            name="action_id_add_info_02_{{ action.id }}"
                                    >{{ additionalLabel02 is not same as("") and additionalLabel02 is not null ? additionalLabel02 :  "" }}</textarea>
                                {% endif %}
                            </div>
                        {% endif %}
                        {% if action.additionalLabel03 is not null %}
                            <div class="col-sm-12 col-md-12 col-lg-12"
                                 style="margin-bottom: 10px">
                                <label style="margin-left: 0;" for="action_id_add_info#03_{{ action.id }}"
                                       class="control-label control-checkbox-label"> {{ action.additionalLabel03 }}
                                </label>
                                <br>
                                {% if action.label03IsNumberInputValue %}
                                    <input
                                            id="action_id_add_info#03_{{ action.id }}"
                                            name="action_id_add_info_03_{{ action.id }}"
                                            type="{{ action.label03IsNumberInputValue ? "number" : "text" }}"
                                            {{ action.label03IsNumberInputValue ? "min='0'" : null }}
                                            value="{{ additionalLabel03 is not same as("") and additionalLabel03 is not null ? additionalLabel03 :  "" }}"

                                    >
                                    <div style="margin-top: -5px">
                                        <span id="action_id_add_info_03Required_{{ action.id }}" class="errorMessage"
                                              style="display:none;bottom: 0;right: 88%;float: none;width: fit-content;padding: 0 5px;">
                                                       {{ action.label03IsNumberInputValue? "Ce champ ne peut contenir que des nombres" : "Le champ est obligatoire" }}
                                         </span>
                                    </div>
                                {% else %}
                                    <textarea
                                            style="padding: 0.5rem"
                                            cols="30"
                                            rows="4"
                                            id="action_id_add_info#03_{{ action.id }}"
                                            name="action_id_add_info_03_{{ action.id }}"
                                    >{{ additionalLabel03 is not same as("") and additionalLabel03 is not null ? additionalLabel03 :  "" }}</textarea>
                                {% endif %}
                            </div>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
            {% if action.helpLabel is not null %}
                <br> <i style="font-weight: normal;vertical-align: sub;"><small>Aide
                    : {{ action.helpLabel }}</small></i>
            {% endif %}
        {% endfor %}
    </div>
{% endmacro %}