<section class="bg-light" id="inquirySection">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-4">
                <h2>{% trans %}Vytvořit nezávaznou poptávku{% endtrans %}</h2>
                <p class="mt-5">{% trans %}Potřebujete detailnější informace k tomuto produktu?{% endtrans %}<br>{% trans %}Napište nám, s čím vám můžeme poradit.{% endtrans %}</p>
                <p class="mt-3">{% trans %}Zajímá vás, jaká je u nás cesta zakázky od prvotního kontaktu až po realizaci?{% endtrans %}<br>{% trans %}Podívejte se na <a class="js-dialog-trigger" data-dialog="cesta-zakazky" type="button">cestu&nbsp;zakázky</a>.{% endtrans %}</p>
            </div>


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

                <div class="grid grid--2 gap-6 mt-5 mt-lg-0">
                    <div class="grid__col grid__col--fluid">
                        {% include 'inquiry/components/product_type_select.html.twig' with {'productTypes': inquiryForm.nonBinding.productType} %}
                    </div>

                    <div class="grid__col grid__col--fluid">
                        <label class="rich-input is-required">
                            <div class="rich-input__label">{% trans %}Jméno a příjmení{% endtrans %}</div>
                            <div class="rich-input__input-wrap">
                                {{ form_widget(inquiryForm.generic.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.generic.fullName) }}
                            </div>
                        </label>
                    </div>
                    <div class="grid__col">
                        <label class="rich-input is-required error">
                            <div class="rich-input__label">E-mail</div>
                            <div class="rich-input__input-wrap">
                                {{ form_widget(inquiryForm.generic.email, {'attr': {'class': 'input'}}) }}
                            </div>
                            <div class="rich-input__error-msg">
                                {{ form_errors(inquiryForm.generic.email) }}
                            </div>
                        </label>
                    </div>
                    <div class="grid__col">
                        {% include 'inquiry/components/phone_input_field.html.twig' with {
                            'phone': inquiryForm.generic.phone,
                        } %}
                    </div>
                </div>
                <div class="mt-5">
                    <label class="rich-input is-required">
                        <div class="rich-input__label">{% trans %}Preferovaná pobočka{% endtrans %}</div>
                        {{ form_widget(inquiryForm.nonBinding.preferredBranch) }}
                        <div class="rich-input__error-msg">
                            {{ form_errors(inquiryForm.nonBinding.preferredBranch) }}
                        </div>
                    </label>
                </div>
                <div class="mt-5">
                    <label class="rich-checkbox js-open-button" data-open="next">
                        <input type="checkbox" class="visually-hidden" value="1">
                        <div class="rich-checkbox__label">{% trans %}Chci upřesnit požadavky{% endtrans %}</div>
                    </label>
                    <div class="mt-6 js-toggle-target">
                        <h2 class="h3">{% trans %}Upřesňující informace{% endtrans %}</h2>
                        <label class="rich-input mt-5">
                            {{ form_row(inquiryForm.nonBinding.realizationAddress) }}
                        </label>
                        <label class="rich-input mt-5">
                            {{ form_row(inquiryForm.nonBinding.additionalInfo) }}
                        </label>
                        {% include 'inquiry/components/attachment_photo.html.twig' with {'attachment': inquiryForm.attachment} %}
                    </div>
                </div>
                <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) }}
                </div>

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