{% set form_data = contact_form_data ?? {sent: null, errors: {}, name: '', email: '', message: ''} %}

{% if not (form_data.sent is defined and form_data.sent) %}
<form class="container contact-form" method="post">
	<input type="hidden" name="csrf_token" value="{{ csrfToken }}">

	{% if block.content.form_title ?? '' %}
		<h2>{{ block.content.form_title }}</h2>
	{% endif %}

	<div class="two-cols">
		<div class="form-identity">

			<div class="form-group{% if form_data.errors.name is defined %} has-error{% endif %}">
				<label for="contact-name">{{ 'pages.contact-form.labels.name'|trans }} <span class="form-required">*</span></label>
				<input
					type="text"
					id="contact-name"
					name="name"
					class="form-control"
					required
					aria-required="true"
					autocomplete="name"
					value="{{ form_data.name | default('') | escape('html_attr') }}"
				>
				{% if form_data.errors.name is defined %}
					<div class="error-message">{{ form_data.errors.name }}</div>
				{% endif %}
			</div>

			<div class="form-group{% if form_data.errors.email is defined %} has-error{% endif %}">
				<label for="contact-email">{{ 'pages.contact-form.labels.email'|trans }} <span class="form-required">*</span></label>
				<input
					type="email"
					id="contact-email"
					name="email"
					class="form-control"
					required
					aria-required="true"
					autocomplete="email"
					value="{{ form_data.email | default('') | escape('html_attr') }}"
				>
				{% if form_data.errors.email is defined %}
					<div class="error-message">{{ form_data.errors.email }}</div>
				{% endif %}
			</div>

		</div>
		<div class="form-message">
			<div class="form-group{% if form_data.errors.message is defined %} has-error{% endif %}">
				<label for="contact-message">{{ 'pages.contact-form.labels.message'|trans }} <span class="form-required">*</span></label>
				<textarea
					id="contact-message"
					name="message"
					class="form-control"
					required
					aria-required="true"
				>{{ form_data.message | default('') | escape('html') }}</textarea>
				{% if form_data.errors.message is defined %}
					<div class="error-message">{{ form_data.errors.message }}</div>
				{% endif %}
			</div>
		</div>
	</div>

	<div class="two-cols">
		<div class="notice">
			<p><span class="form-required">*</span> : {{ 'pages.contact-form.labels.mandatory-fields'|trans }}</p>
		</div>
		<div class="controls">
			<button type="submit" class="submit-btn">{{ 'pages.contact-form.labels.submit'|trans }}</button>
		</div>
	</div>
</form>
{% endif %}