<div class="form_newsletter">
<div class="opener">
<div class="icon"></div>
<h2 class="title uppercase">{% if data.title_form_sarb is defined %}{{ data.title_form_sarb }}{% endif %}</h2>
<p>{% if data.descr_form_sarb is defined %}{{ data.descr_form_sarb }}{% endif %}</p>
</div>
{% if app.request.getLocale() == 'fr' %}
<form
id="sb_form"
onsubmit="process2(
'https://services.sarbacane.com/core/v1/forms/contacts/upsert?listID=UoDsQYS5RMyaQgHwod4hMQ&formID=LbBFRnTETWCEdFygZ-Nsag&timezone=Europe/Paris', 'https://forms.sbc29.com/', '5e833f98b95cee23e8abf69a', 'false', 'message',
'', 'https://services.sarbacane.com/core/v1/transactional/sendmessage/optin', 'Merci', 'Vos informations ont été ajoutées avec succès.',
'Vous allez recevoir un email', 'Vous devrez cliquer sur le lien de confirmation pour valider votre inscription', 'Erreur',
'Une erreur inattendue s%27est produite.', 'Le formulaire est en cours d%27édition, veuillez patienter quelques minutes avant d%27essayer à nouveau.', '',
'', ''
);
return false;"
method="post" >
{% else %}
<form
id="sb_form"
onsubmit="process2(
'https://services.sarbacane.com/core/v1/forms/contacts/upsert?listID=YFYIy6FYTUatiKi71OWwEg&formID=4zWkAzJ3RsSx12ca_-KTfg&timezone=Europe/Paris', 'https://forms.sbc35.com/', '5e833f98b95cee23e8abf69a', 'false', 'message',
'', 'https://services.sarbacane.com/core/v1/transactional/sendmessage/optin', 'Thank You', 'Your information has been successfully added.',
'Vous allez recevoir un email', 'Vous devrez cliquer sur le lien de confirmation pour valider votre inscription', 'Erreur',
'Une erreur inattendue s%27est produite.', 'Le formulaire est en cours d%27édition, veuillez patienter quelques minutes avant d%27essayer à nouveau.', '',
'', ''
);
return false;"
method="post" >
{% endif %}
<span class="civ" style="display: flex;flex-direction: row;">
<label id="label-CIVILITY_ID">{{ 'form.civilite'|trans }}*</label>
<div id="form-mandatory">*</div>
</span>
<div id="div-CIVILITY_ID">
<div style="margin-bottom: 13px; display: flex; flex-direction: row;">
<label class="control control--radio">
<input type="radio" value="{{ 'form.madame'|trans }}" name="CIVILITY_ID" required="true" sb-form-input/>
<div id="indicator-CIVILITY_ID" class="control__indicator"></div>
</label>
<label id="label-opt-CIVILITY_ID">{{ 'form.madame'|trans }}</label>
</div>
<div style="margin-bottom: 13px; display: flex; flex-direction: row;">
<label class="control control--radio">
<input type="radio" value="{{ 'form.monsieur'|trans }}" name="CIVILITY_ID" required="true" sb-form-input/>
<div id="indicator-CIVILITY_ID" class="control__indicator"></div>
</label>
<label id="label-opt-CIVILITY_ID">{{ 'form.monsieur'|trans }}</label>
</div>
</div>
<div class="cols">
<span style="display: flex;flex-direction: row;">
<label id="label-FIRSTNAME_ID">{{ 'form.prenom'|trans }}</label>
<div id="form-mandatory">*</div>
</span>
<input id="input-FIRSTNAME_ID" type="text" name="FIRSTNAME_ID" required="true" placeholder="{{ 'form.votre'|trans }} {{ 'form.prenom'|trans }} *" sb-form-input>
<span style="display: flex;flex-direction: row;">
<label id="label-LASTNAME_ID">{{ 'form.nom'|trans }}</label>
<div id="form-mandatory">*</div>
</span>
<input id="input-LASTNAME_ID" type="text" name="LASTNAME_ID" required="true" placeholder="{{ 'form.votre'|trans }} {{ 'form.nom'|trans }} *" sb-form-input>
<span style="display: flex;flex-direction: row;">
<label id="label-EMAIL_ID">{{ 'form.email'|trans }}</label>
<div id="form-mandatory">*</div>
</span>
<input id="input-email" type="email" name="email" required="true" placeholder="{{ 'form.votre'|trans }} {{ 'form.email'|trans }} *" sb-form-input>
<span style="display: flex;flex-direction: row;">
<label id="label-PHONE_ID">{{ 'form.phone'|trans }}</label>
</span>
<input id="input-phone" type="tel" name="phone" placeholder="{{ 'form.votre'|trans }} {{ 'form.phone'|trans }}" sb-form-input>
<span style="display: flex;flex-direction: row;">
<label id="label-tu035e2dll8ao6ox2xk1x">{{ 'form.company'|trans }}</label>
</span>
<input id="input-tu035e2dll8ao6ox2xk1x" type="text" name="tu035e2dll8ao6ox2xk1x" placeholder="{{ 'form.votre'|trans }} {{ 'form.company'|trans }}" sb-form-input>
<div id="div-submitInput" align="left">
<button id="submitInput" type="submit" value="VALIDER" class="mobile-FW" >
<span style="margin:0;">{{ 'form.send'|trans }}</span>
</button>
<div class="loader" style="display:none"></div>
</div>
</div>
<label id="form-footer-mandatory">* {{ 'form.required'|trans }}</label>
</form>
</div>