{% if content.contactFormIsView %}
{% set redirectPage = sulu_content_load(content.contactFormRedirectPage) %}
{% set redirectPage = redirectPage ? adapt_attribute('contact_form.redirect_url', {'url': redirectPage.content.url, 'locale': app.request.locale}) : '' %}
<div style="order: {{ content.contactFormOrder ?? -1 }}" id="{{ content.contactFormElementIdForScroll }}">
<modern-contact-form
title="{{ content.contactFormTitle }}"
form-name="{{ content.contactFormName }}"
description="{{ content.contactFormDescription }}"
default-description="{{ content.contactFormDefaultDescription }}"
form-info="{{ content.contactFormInfo }}"
url="{{ processPath }}"
submit-button="{{ content.contactFormSubmitButton }}"
cancel-button="{{ content.contactFormCancelButton }}"
fields="{{ adapt_attribute('contact_form.fields', {'requestTypes': content.contactFormRequestTypes, 'request': app.request, 'fields': content.contactFormFields, 'messageFieldPlaceholder': content.contactFormMessageFieldPlaceholder}) | json_encode }}"
errors="{{ adapt_attribute('contact_form.errors') | json_encode }}"
time-range="{{ adapt_attribute('contact_form.time_range',{"start":content.contactFormTimeRangeStart,"end":content.contactFormTimeRangeEnd }) | json_encode }}"
redirect-url="{{ redirectPage }}"
type="{{ content.contactFormFormType }}"
success-message="{{ content.contactFormSuccessMessage }}"
error-message="{{ content.contactFormErrorMessage }}"
text-color="{{ content.contactFormTextColor }}"
theme="{{ content.contactFormTheme }}"
custom-color="{{ content.contactFormCustomColor }}"
no-columns="{{ content.contactFormNoColumns | json_encode }}"
required-message="{{ content.contactFormRequiredMessage }}"
name-full="{{ content.contactFormNameFull | json_encode }}"
{% include 'pages/components/attributes/theme.html.twig' %}
>
</modern-contact-form>
</div>
{% endif %}