{% set dataForm = getZendeskContactForm() %}
{% set form = dataForm.form %}
{% set recaptchaPublicKey = dataForm.recaptchaPublicKey %}
<div class="universalContactFormContainer">
<span class="title">{{ module.title }}</span>
<div class="universalContactFormContainer-box">
<span class="titleInput">{{ 'contactForm.label.category'|trans }}:</span>
{% set firstElement = form.list|first %}
<select class="selectInput selectCategory" data-categoryId="{{ firstElement.id }}">
{% for item in form.list %}
<option data-id="{{ item.id }}">{{ item.name }}</option>
{% endfor %}
</select>
<div class="subcategoryBox">
<span class="titleInput">{{ 'contactForm.label.subject'|trans }}:</span>
{% for item in form.list %}
<select class="selectInput selectSubcategory {{ item.id }}" style="display:{% if loop.first %}block{% else %}none{% endif %};">
<option class="defaultSelected" data-filed="">{{ 'contactForm.label.choose'|trans }}</option>
{% for option in item.subjectOptions %}
<option data-subcategoryId={{ option.id }} data-fields="{{ option.fields|join('|') }}">{{ option.title }}</option>
{% endfor %}
</select>
{% endfor %}
</div>
<form id="universalContactForm" data-url="{{ path('ajax_execute_contact_form') }}">
{% for item in form.fields|sort((a,b) => a.position <=> b.position) %}
<div style="display: none;" class="form-group" data-inputId="{{ item.id }}">
<label class="labelInput" for="{{ item.id }}">
{{ item.name }}{% if item.required == true %}*{% endif %}
</label>
<{% if item.type == 'textarea' %}textarea style="height: 150px;"{% else %}input{% endif %} {% if item.required == true %}data-required="1"{% endif %}
class="universalContactFormContainer-input"
name="{{ item.id }}"
type="{{ item.type }}"
id="input-{{ item.id }}"
>{% if item.type == 'textarea' %}</textarea>{% endif %}
</div>
{% endfor %}
<div id="legalRuleWithCheckbox" style="display: none">
<div class="form-group form-check show checkboxInput">
<input name="regulation" type="checkbox" class="form-check-input" id="checkboxInput" value="on">
<label class="form-check-label" for="checkboxInput">
<span style="margin-left: 5px;">
Wyrażam zgodę na kontakt ze mną przez Forum Media Polska sp. z o.o. w celach marketingowych,
za pośrednictwem podanego adresu e-mail oraz numeru telefonu.
</span>
</label>
</div>
<div style="font-size: 12px;">
<p>
Administratorem danych jest Forum Media Polska sp. z o.o., ul. Polska 13, 60-595 Poznań.
Będziemy przetwarzali Twoje dane podane w formularzu w celu udzielenia odpowiedzi na zapytanie i przedstawienia oferty handlowej,
w tym w celu komunikacji handlowej drogą elektroniczną.
Jeżeli podasz dobrowolnie swój numer telefonu uznamy to za zgodę na kontakt telefoniczny w celach marketingowych.
</p>
<p>
Możesz zgłosić sprzeciw wobec otrzymywania informacji handlowych drogą elektroniczną w każdej chwili pisząc na
<a href="mailto:bok@forum-media.pl">bok@forum-media.pl</a>.
Jeżeli podałeś swój numer telefonu, ale zdecydujesz się odwołać swoją zgodę na komunikację tym kanałem,
również napisz na <a href="mailto:bok@forum-media.pl">bok@forum-media.pl</a>.
Masz także prawo: dostępu do swoich danych, ich sprostowania, usunięcia, ograniczenia przetwarzania, przenoszenia oraz sprzeciwu,
a także złożenia skargi dotyczącej przetwarzania danych. Pełna informacja o regułach przetwarzania Twoich danych dostępna jest
<a href="/polityka-prywatnosci" target="_blank">tutaj</a>.
</p>
</div>
</div>
<div id="legalRule" style="display: none">
<div style="font-size: 12px;">
<p>
Administratorem danych jest Forum Media Polska sp. z o.o., ul. Polska 13, 60-595 Poznań.
Będziemy przetwarzali Twoje dane podane w formularzu w celu udzielenia odpowiedzi na zapytanie oraz zgłoszenia.
Masz prawo: dostępu do swoich danych, ich sprostowania, usunięcia, ograniczenia przetwarzania, przenoszenia oraz sprzeciwu,
a także złożenia skargi dotyczącej przetwarzania danych.
Pełna informacja o regułach przetwarzania Twoich danych dostępna jest
<a href="/polityka-prywatnosci" target="_blank">tutaj</a>.
</p>
</div>
</div>
<div class="g-recaptcha" data-sitekey="{{ recaptchaPublicKey }}"></div>
<div class="messageBox"></div>
<div style="text-align: center">
<button type="submit" class="universalContactFormContainer-btn">
<span class="submitText">Wyślij</span>
<img width="18px" style="display: none;" class="spinnerSubmit" src="{{ asset('spinner.gif') }}" alt="">
</button>
</div>
</form>
<div class="messageBoxSuccess"></div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>