{% extends base_layout() %}
{% if not editmode and recaptcha is defined %}
{% if recaptcha == 2 %}
{% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js') %}
{% elseif recaptcha == 3 %}
{% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?render=' ~ recaptchaPublic) %}
{% endif %}
{% endif %}
{% block content %}
<div class="container mb-5">
{{ include('includes/title.html.twig') }}
{# read and display several types of flash messages #}
{% for label, messages in app.flashes(['success', 'warning']) %}
{% for message in messages %}
<div id="messages" class="flash-{{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
<section id="contactcontainer">
{% if not success %}
{{ form_start(form) }}
<div class="row mb-lg-3">
<div class="col-12 col-lg-6 mb-3 mb-lg-0">
{# {{ form_row(form.firstname) }}#}
{% if userObject %}
{% set voornaam = userObject.getVoornaam() %}
{% else %}
{% set voornaam = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.firstname, {'attr': {'class': 'form-control', 'placeholder': form.firstname.vars.label}, 'value': voornaam }) }}
<span></span>
{{ form_label(form.firstname, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="firstnameHelp" class="form-text">{{ form_help(form.firstname) }}</div>
<div class="form-error">
{{ form_errors(form.firstname) }}
</div>
</div>
<div class="col-12 col-lg-6 mb-3 mb-lg-0">
{% if userObject %}
{% set naam = userObject.getNaam() %}
{% else %}
{% set naam = '' %}
{% endif %}
{# {{ form_row(form.lastname) }}#}
<div class="form-floating">
{{ form_widget(form.lastname, {'attr': {'class': 'form-control', 'placeholder': form.lastname.vars.label }, 'value': naam}) }}
{{ form_label(form.lastname, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="lastnameHelp" class="form-text">{{ form_help(form.lastname) }}</div>
<div class="form-error">
{{ form_errors(form.lastname) }}
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-8 col-lg-6">
{% if userObject %}
{% set street = userObject.getAdres_straat() %}
{% else %}
{% set street = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.street, {'attr': {'class': 'form-control', 'placeholder': form.street.vars.label, 'value': street}}) }}
{{ form_label(form.street, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="streetHelp" class="form-text">{{ form_help(form.street) }}</div>
<div class="form-error">
{{ form_errors(form.street) }}
</div>
</div>
<div class="col-4 col-lg-6">
{% if userObject %}
{% set streetnr = userObject.getAdres_nr() %}
{% else %}
{% set streetnr = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.streetnr, {'attr': {'class': 'form-control', 'placeholder': form.streetnr.vars.label, 'value': streetnr}}) }}
{{ form_label(form.streetnr, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="streetnrHelp" class="form-text">{{ form_help(form.streetnr) }}</div>
<div class="form-error">
{{ form_errors(form.streetnr) }}
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
{% if userObject %}
{% set postcode = userObject.getAdres_postcode() %}
{% else %}
{% set postcode = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.postcode, {'attr': {'class': 'form-control', 'placeholder': form.postcode.vars.label, 'value': postcode}}) }}
{{ form_label(form.postcode, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="postcodeHelp" class="form-text">{{ form_help(form.postcode) }}</div>
<div class="form-error">
{{ form_errors(form.postcode) }}
</div>
</div>
<div class="col-6">
{% if userObject %}
{% set city = userObject.getAdres_stad() %}
{% else %}
{% set city = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.city, {'attr': {'class': 'form-control', 'placeholder': form.city.vars.label, 'value': city}}) }}
{{ form_label(form.city, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="cityeHelp" class="form-text">{{ form_help(form.city) }}</div>
<div class="form-error">
{{ form_errors(form.city) }}
</div>
</div>
</div>
<div class="row">
<div class="col-12 mb-3">
{% if userObject %}
{% set email = userObject.getEmail() %}
{% else %}
{% set email = '' %}
{% endif %}
<div class="form-floating">
{{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': form.email.vars.label, 'value': email}}) }}
{{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="emailHelp" class="form-text">{{ form_help(form.email) }}</div>
<div class="form-error">
{{ form_errors(form.email) }}
</div>
</div>
<div class="col-12 mb-3">
<div class="form-floating">
{{ form_widget(form.amount, {'attr': {'class': 'form-control', 'placeholder': form.amount.vars.label, 'value': ''}}) }}
{{ form_label(form.amount, null, {'label_attr': {'class': 'form-label'}}) }}</div>
<div id="emailHelp" class="form-text">{{ form_help(form.amount) }}</div>
<div class="form-error">
{{ form_errors(form.amount) }}
</div>
</div>
</div>
{% if not editmode and recaptcha is defined %}
{% if recaptcha == 2 %}
<div class="form-group">
<div class="g-recaptcha" data-sitekey="{{ recaptchaPublic }}"></div>
</div>
{% elseif recaptcha == 3 %}
<input type="hidden" name="gtoken" id="gtoken">
{% endif %}
{% endif %}
{# {{ form_row(form.conditions) }}#}
<div class="col-12 form-check mb-3">
{{ form_widget(form.conditions, {'attr': {'class': 'form-check-input'}}) }}
{{ form_label(form.conditions, null, {'label_attr': {'class': 'form-check-label'}}) }}
<a href="{% if check_websitesetting('privacy_document', 'document') %}{{ inotherlang('LocalizedDocument', pimcore_website_config('privacy_document')) }}{% endif %}"
target="_blank">
{{ 'Ik ga akkoord met privacy'|trans }}
</a>
<div id="conditionsHelp" class="form-text">{{ form_help(form.conditions) }}</div>
<div class="form-error">
{{ form_errors(form.conditions) }}
</div>
</div>
<div class="col-12 text-center">
{{ form_row(form.submit, {'attr': {'class': 'btn btn-primary btn-lg'}}) }}
</div>
{{ form_end(form) }}
{% endif %}
</section>
</div>
{% if not editmode and recaptcha == 3 and (app.flashes(['success']).success is empty or app.flashes(['warning']).warning is empty) %}
<script>
function getReCaptcha() {
grecaptcha.ready(function () {
grecaptcha.execute('{{ recaptchaPublic }}', {action: 'contact'}).then(function (token) {
var recaptchaResponse = document.getElementById('gtoken');
recaptchaResponse.value = token;
});
});
}
getReCaptcha(); // This is the initial call
setInterval(function () {
getReCaptcha();
}, 60000);
</script>
{% endif %}
{% endblock %}
{# read and display just one flash message type #}
{#{% for message in app.flashes('notice') %}#}
{# <div class="flash-notice">#}
{# {{ message }}#}
{# </div>#}
{#{% endfor %}#}
{# read and display all flash messages #}
{#{% for label, messages in app.flashes %}#}
{# {% for message in messages %}#}
{# <div class="flash-{{ label }}">#}
{# {{ message }}#}
{# </div>#}
{# {% endfor %}#}
{#{% endfor %}#}