{% extends 'FrontBundle/layout.html.twig' %}
{% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
{% block description %}{{ page.metaDescription }}{% endblock %}
{% block json_ld %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "{{ page.metaTitle | escape('js') }}",
"description": "{{ page.metaDescription | escape('js') }}",
"thumbnailUrl": "{{ asset ('/front/img/contact-bg.jpg') }}"
}
</script>
{% endblock %}
{% block body %}
<div class="shadow"></div>
<section class="contact">
<div class="container">
<h1>{{ 'contact_title'|tr(tr)|raw }}</h1>
<h3>{{ 'contact_subtitle'|tr(tr)|raw }}</h3>
<form id="contact">
<div class="row">
<div class="col-md-6">
<input type="text" placeholder="{{ 'contact_nom'|tr(tr)|raw }}*" name="lastname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('lastname') }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_prenom'|tr(tr)|raw }}*" name="firstname" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('firstname') }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_societe'|tr(tr)|raw }}" name="company" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('company') }}{% endif %}" />
<input type="tel" placeholder="{{ 'contact_tel'|tr(tr)|raw }}*" name="phone" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('phone') }}{% endif %}" />
<input type="email" placeholder="{{ 'contact_email'|tr(tr)|raw }}*" name="email" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.email }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_adresse'|tr(tr)|raw }}*" name="address" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('address1') }}{% endif %}" />
</div>
<div class="col-md-6">
<input type="text" placeholder="{{ 'contact_code'|tr(tr)|raw }}*" name="zipcode" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('zipcode') }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_ville'|tr(tr)|raw }}*" name="city" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('city') }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_pays'|tr(tr)|raw }}*" name="country" value="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.info('country') }}{% endif %}" />
<input type="text" placeholder="{{ 'contact_sujet'|tr(tr)|raw }}*" name="subject" />
{# <div class="select-wrapper">
<select name="subject">
<option value="0">SUJET*</option>
</select>
</div> #}
<textarea placeholder="{{ 'contact_message'|tr(tr)|raw }}*" name="message"></textarea>
</div>
<div class="row contact-response">
<p class="text-center mt-0 mb-5"></p>
</div>
<button id="sendform" class="send">{{ 'contact_envoyer'|tr(tr)|raw }}</button>
</div>
</form>
</div>
<h2>{{ 'general_royal_palace'|tr(tr)|raw }}</h2>
<p>20 Rue de Hochfelden, 67330 KIRRWILLER - FRANCE</p>
<p class="tel">+33 (0)3 88 70 71 81</p>
</section>
{% endblock %}
{% block javascripts %}
<script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_public_key }}"></script>
<script type="text/javascript">
$(document).ready(function() {
// alert(window.outerWidth+'x'+window.outerHeight);
$('#sendform').on('click', function(e){
e.preventDefault();
grecaptcha.ready(function() {
grecaptcha.execute('{{ recaptcha_public_key }}', {action: 'submit'}).then(function(token) {
var form = {
token: token,
firstname: $('#contact [name="firstname"').val(),
lastname: $('#contact [name="lastname"').val(),
company: $('#contact [name="company"').val(),
phone: $('#contact [name="phone"').val(),
email: $('#contact [name="email"').val(),
address: $('#contact [name="address"').val(),
zipcode: $('#contact [name="zipcode"').val(),
city: $('#contact [name="city"').val(),
country: $('#contact [name="country"').val(),
subject: $('#contact [name="subject"').val(),
message: $('#contact [name="message"').val(),
};
$.post('/contact/send/{{app.request.locale}}', form, function( data ) {
$('.contact-response').hide();
if(data.success == true){
$('#sendform').hide();
$('.contact-response').show();
$('.contact-response p').html('Merci pour votre message. <br> Nous vous répondrons dans les plus brefs délais.');
} else {
$('.contact-response').show();
$('.contact-response p').text(data.error);
}
}, "json");
});
});
});
});
</script>
{% endblock %}