<section class="bg-light" id="contact">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-4">
                <h2>{% trans %}Zaujala vás tato pozice?{% endtrans %}</h2>
                <p class="mt-5">{% trans %}Vyplňte prosím stručný formulář, přiložte váš životopis a my se vám co nejdříve ozveme s dalším postupem.{% endtrans %}<br></p>

                <div class="contact-person-box-info mt-7">
                    <div class="contact-person-box-text">
                        <p class="contact-person-box__name text-big">Aleš Jakubec</p>
                        <p>
                            {% trans %}Ředitel společnosti{% endtrans %}
                        </p>
                        <a href="mailto:jakubec@proklima.cz" class="button button--text contact-person-box__link">
                            jakubec@proklima.cz
                        </a>
                    </div>
                </div>
            </div>


            <div class="col-12 col-lg-7 offset-lg-1">
                {{ form_start(inquiryForm, {'attr': {'id': 'career-form'}}) }}

                <div class="grid grid--2 gap-6">
                    <div class="grid__col grid__col--fluid">
                        <label class="rich-input is-required">
                            <div class="rich-input__label">{{ inquiryForm.career.fullName.vars.label }}</div>
                            <div class="rich-input__input-wrap">
                                {{ form_widget(inquiryForm.career.fullName, {'attr': {'class': 'input'}}) }}
                                <svg class="rich-input__error-icon">
                                    <use href="/build/svg/_icons.svg#input-error"></use>
                                </svg>
                            </div>
                            <div class="rich-input__error-msg">
                                {{ form_errors(inquiryForm.career.fullName) }}
                            </div>
                        </label>
                    </div>
                    <div class="grid__col">
                        <label class="rich-input is-required error">
                            <div class="rich-input__label">{{ inquiryForm.career.email.vars.label }}</div>
                            <div class="rich-input__input-wrap">
                                {{ form_widget(inquiryForm.career.email, {'attr': {'class': 'input'}}) }}
                            </div>
                            <div class="rich-input__error-msg">
                                {{ form_errors(inquiryForm.career.email) }}
                            </div>
                        </label>
                    </div>
                    <div class="grid__col">
                        {% include 'inquiry/components/phone_input_field.html.twig' with {
                            'phone': inquiryForm.career.phone,
                        } %}
                    </div>
                </div>

                {% include 'inquiry/components/attachment_cv.html.twig' with {'attachment': inquiryForm.attachment} %}

                <label class="rich-input is-required mt-5">
                    <div class="rich-input__label"> {{ inquiryForm.career.additionalInfo.vars.label  }} </div>
                    <div class="rich-input__input-wrap">{{ form_widget(inquiryForm.career.additionalInfo) }}</div>
                </label>

                <div class="grid__col grid__col--fluid mt-5">
                    <label class="rich-checkbox js-open-button" data-open="next">
                        {{ form_widget(inquiryForm.agreeTerms) }}
                        <div class="rich-checkbox__label">
                            <span>{% trans %}Souhlasím se{% endtrans %}
                                <a href="{{ app.request.getLocale() != 'cs' ? '/' ~ app.request.getLocale() : '' }}/gdpr" title="{% trans %}zpracováním osobních údajů{% endtrans %}">{% trans %}zpracováním osobních údajů{% endtrans %}</a>
                            </span>
                        </div>
                    </label>
                </div>

                <div class="grid__col grid__col--fluid mt-5">
                    {{ form_widget(inquiryForm.submit, {'attr': {'class': 'button button--primary'}, 'label': 'Odeslat'|trans}) }}
                </div>

                {{ form_end(inquiryForm) }}
            </div>
        </div>
    </div>
</section>