{{ form_start(form, { 'attr': { 'novalidate': 'novalidate' }, 'render_rest': true}) }} {# hidden #} {{ form_widget(form.hidden) }} {# filled #} {{ form_widget(form.filled) }} {# gender #} {# <div class="form-radio-container gender"> {{ form_widget(form.gender.1) }} <span class="custom-checkbox-empty">{{ include('svg/checkbox/checkbox-empty-icon.html.twig') }}</span> <span class="custom-checkbox-checked">{{ include('svg/checkbox/checkbox-checked-icon.html.twig') }}</span> {{ form_label(form.gender.1) }} </div> <div class="form-radio-container gender"> {{ form_widget(form.gender.0) }} <span class="custom-checkbox-empty">{{ include('svg/checkbox/checkbox-empty-icon.html.twig') }}</span> <span class="custom-checkbox-checked">{{ include('svg/checkbox/checkbox-checked-icon.html.twig') }}</span> {{ form_label(form.gender.0) }} </div> #} <div class="row"> {# firstname #} <div class="form-input-container"> {{ form_widget(form.firstname) }} {{ form_label(form.firstname) }} </div> {# lastname #} <div class="form-input-container"> {{ form_widget(form.lastname) }} {{ form_label(form.lastname) }} </div> </div> <div class="row"> {# email #} <div class="form-input-container"> {{ form_widget(form.email) }} {{ form_label(form.email) }} </div> {# phone #} <div class="form-input-container"> {{ form_widget(form.phone) }} {{ form_label(form.phone) }} </div> </div> {# message #} <div class="form-textarea-container"> {{ form_widget(form.message) }} {{ form_label(form.message) }} </div> {# agreement #} <div class="form-checkbox-container agreement"> {{ form_widget(form.agreement) }} <span class="custom-checkbox-empty">{{ include('svg/checkbox/checkbox-empty-icon.html.twig') }}</span> <span class="custom-checkbox-checked">{{ include('svg/checkbox/checkbox-checked-icon.html.twig') }}</span> {# {{ form_label(form.agreement) }} #} <label class="form-checkbox required" for="contact_form_agreement">{{ 'form.contact.agreement'|trans|raw }}</label> {# <span class="custom-checkbox-text">{{ 'form.job.agreement'|trans|raw }}</span> #} </div> {# errors, ul li #} {% if form_errors(form) %} <div class="form-error-box"> {{ form_errors(form) }} </div> {% endif %} {# required fields message #} <div class="form-required-message"> <p> {{ 'form.contact.required'|trans }} </p> </div> {# invalid message #} <div class="form-invalid-message hide" id="contactFormInvalid"> <p> {{ 'form.contact.invalid'|trans }} </p> </div> {# custom submit button #} <div class="form-button-container"> <button type="submit" class="button darkblue-to-turquois" {# id="{{ form.submit.vars.id }}" #} name="contact_form[{{ form.submit.vars.name }}]" aria-label="{{ form.submit.vars.label|trans }}"> {{ include('layout/components/button.html.twig') }} <span class="button-text">{{ form.submit.vars.label|trans }}</span> </button> </div> {# submit #} <div class="hide-button"> {{ form_widget(form.submit) }} </div>{{ form_end(form) }}