{% import "front/"~ app.request.server.get('APP_THEME') ~"/form/macro_form.html.twig" as forms %}
<section class="contact-faq text-center text-md-left">
<div class="container-fluid wrapper2">
{% if bloc.form %}
<form id="form-{{bloc.form.id}}" action="{{path('save_form')}}" method="post" class="needs-validation row gx-5 form-recap {{bloc.form.identifier}}" novalidate>
{% for message in app.flashes('success-form-' ~ bloc.form.id) %}
<div class="alert alert-success alert-form mx-auto">
{{ message|raw }}
</div>
{% endfor %}
{% for message in app.flashes('error-form-' ~ bloc.form.id) %}
<div class="alert alert-danger alert-form mx-auto">
{{ message|raw }}
</div>
{% endfor %}
{% set message = 'validation_form'|trans([],'variable') %}
<input type="hidden" value="{{bloc.form.id}}" name="IdForm">
<div class="row flex-column flex-md-row justify-content-center">
{% for item in bloc.form.data %}
{% set label = item.label|default(null)%}
{% set placeholder = item.placeholder|default(null) %}
{% if item.type == "header" %}
<div class="col-md-12">
{{ forms.header(item.subtype,item.label,item.className) }}
</div>
{% elseif item.type == "text" or item.type == "textarea" %}
<div {% if item.classGlobal is defined %} class="pl-r {{item.classGlobal}} {{item.name == 'ctc_city'?'ctc_city':''}}" {% else %} class="col-form-item form-group {{ item.required == "true" ? 'required' : '' }} {{item.name == 'ctc_city'?'ctc_city':''}} " {% endif %}>
{{ forms.input(item.name,item.type,item.className,item.required,item.subtype,label,placeholder,item.maxlength|default(null)) }}
<div class="invalid-feedback">
{% if item.name == 'ctc_postcode' %}
{{'validation_code_postal'|trans([],'variable')}}
{% else %}
{{item.ErrorMessage|default(message)}}
{% endif %}
</div>
</div>
{% elseif item.type == "select" %}
<div {% if item.classGlobal is defined %} class="col-form-item form-group {{item.classGlobal}}" {% else %} class="col-form-item form-group {{ item.required == "true" ? 'required' : '' }}" {% endif %}>
{{ forms.select(item.type,item.name,item.className,item.required,item.multiple,item.values,label,placeholder) }}
<div class="invalid-feedback">
{{item.ErrorMessage|default(message)}}
</div>
</div>
{# {% elseif item.type == "textarea" %}
<div {% if item.classGlobal is defined %} class="pl-r {{item.classGlobal}}" {% else %} class="col-sm-12" {% endif %}>
<div class="form-group {{ item.required == "true" ? 'required' : '' }}">
{{ forms.textarea(item.name,item.type,item.className,item.required,item.subtype,label,placeholder,item.rows) }}
<div class="invalid-feedback">
{{item.ErrorMessage|default(message)}}
</div>
</div>
</div> #}
{% elseif item.type == "button" %}
<div {% if item.classGlobal is defined %} class="pl-r {{item.classGlobal}}" {% else %} class="col-form-item form-group button-submit" {% endif %}>
<button class="{{item.className}}" type="{{item.subtype}}">{{item.label}}</button>
</div>
{% elseif item.type == "checkbox-group" %}
<div class="{% if item.classGlobal is defined %}pl-r {{item.classGlobal}}{% else %}col-md-12{% endif %}">
{% if label %}<label>{{label}}</label>{% endif %}
<div class="form-group {{ item.required == "true" ? 'required' : '' }} {% if item.inline is defined and item.inline == "true" %}d-flex{% endif %}">
{{ forms.checkbox(item.required,item.name,item.values) }}
</div>
</div>
{% elseif item.type == "paragraph" %}
<div class="{% if item.classGlobal is defined %}{{item.classGlobal}}{% else %}col-md-12{% endif %}">
<p>{{item.label|unescape|raw}}</p>
</div>
{% endif %}
{% endfor %}
</div>
<input type="hidden" id="{{bloc.form.id}}_captcha" name="g-recaptcha-response" value="">
</form>
{% endif %}
</div>
</section>