{% set body_classes = ['contact-us'] %}
{% set title = 'contact_us.title'|trans %}
{% set description = 'contact_us.description'|trans %}
{% set keywords = 'contact_us.keywords'|trans %}
{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('contact_us') }}
{% endblock stylesheets %}
{% block content %}
<main class="fade-in">
<div class="container">
<div class="contact-us-form-container">
<div class="description-wrapper">
<h3>{{ 'contacts_us.operator_title'|trans|raw }}</h3>
<p>{{ 'contacts_us.operator_address'|trans|raw }}</p>
</div>
<div class="form-wrapper" {{ stimulus_controller('send_contact', {'url': path('contact_us_send')}) }}>
<div class="title">
<h4>{{ 'contacts_us.form_title'|trans|raw }}</h4>
<p>{{ 'contacts_us.form_description'|trans|raw }}</p>
</div>
{{ form_start(form, {'attr': {
'data-action': 'submit->send-contact#onSend'
}}) }}
<div class="field-wrapper">
{{ form_widget(form.name, {'attr': {
'data-action': 'focus->send-contact#onFocus'
}}) }}
</div>
<div class="field-wrapper">
{{ form_widget(form.email, {'attr': {
'data-action': 'focus->send-contact#onFocus'
}}) }}
</div>
<div class="field-wrapper">
{{ form_widget(form.content, {'attr': {
'data-action': 'focus->send-contact#onFocus',
'data-send-contact-target': 'content'
}}) }}
</div>
{#<div class="field-wrapper">
<img style="width: 15rem;" src="/web/images/contact-us/captcha.gif">
</div>#}
<div class="buttons-container">
{{ form_widget(form.submit) }}
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</main>
{% endblock content %}